• 16.04.2024, 10:36
  • Registrieren
  • Anmelden

  • Sie sind nicht angemeldet.

 

wiedermal css: mindesthöhe + dynamische komponente

iNFiNiTE

God

Beiträge: 4 172

wiedermal css: mindesthöhe + dynamische komponente

Dienstag, 29. Januar 2008, 09:09

moin,

ich möchte folgendes bewerkstelligen:

ein div container sollte immer die höhe von 700px haben - an sich kein problem. nur wenn der inhalt des containers mehr platz einnimmt als die 700px soll er eben dynamisch soviel größer werden, dass der inhalt reinpasst ohne dass dieser über die container grenzen hinaus "schwappt".

das problem ist ansich folgendes: ich möchte eine seite mit weniger content nicht so klein bzw leer aussehen lassen.

danke schonmal im vorraus,
messi
Multiswitch Script Generator NG | Aquaero2Multiswitch | Ae Relais | Verkaufe AT Plexi!

pharao

Moderator

Beiträge: 7 616

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 09:24

hack: mach einen div-container im Hintergrund, der eine Höhe von 700px hat, und die gleiche Farbe wie der container, der mit Inhalt gefüllt ist. den Container mit Inhalt machst du dynamisch.
Gute work-live-balance ist, wenn man von seinem Privatleben erschöpfter ist als von der Arbeit.

iNFiNiTE

God

Beiträge: 4 172

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 09:58

ok, das problem ist nur dass der inhalt container nen rahmen hat..
Multiswitch Script Generator NG | Aquaero2Multiswitch | Ae Relais | Verkaufe AT Plexi!

pharao

Moderator

Beiträge: 7 616

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 11:32

hmm, dann geht das natürlich nicht.

mach den Rahmen weg ;D
Gute work-live-balance ist, wenn man von seinem Privatleben erschöpfter ist als von der Arbeit.

iNFiNiTE

God

Beiträge: 4 172

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 11:42

geht leider ned :-/ der gehört zum design :'(
Multiswitch Script Generator NG | Aquaero2Multiswitch | Ae Relais | Verkaufe AT Plexi!

xx_ElBarto

God

Beiträge: 7 044

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 14:51

dann nimm halt einfach min-height:
http://www.css4you.de/min-height.html

iNFiNiTE

God

Beiträge: 4 172

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 18:30

danke! das sieht ganz gut aus und die kompatibilität auch :)
Multiswitch Script Generator NG | Aquaero2Multiswitch | Ae Relais | Verkaufe AT Plexi!

TrOuble

God

Beiträge: 9 461

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 20:26

Der Vorschlag von hobbes funktioniert doch einwandfrei - lass einfach den unsinnigen Part mit der Hintergrundfarbe weg und schon hast du exakt das, wonach du gesucht hast ;)

Falls du Probleme haben solltest kann ich dir das kurz exemplarisch zeigen ...

Zitat von »elbarto`«

dann nimm halt einfach min-height:
http://www.css4you.de/min-height.html[/quote]

Versteht der IE6 leider (fast) nicht und wäre für mich damit ein eindeutiges K.O Kriterium - der IE 6 macht halt immernoch aktuell 33.2% der durchschnittlichen User aus.

Gruß TrOuble

Ansonsten wenn du umbedingt min-height verwenden willst:
zwar bisschen dirty und nen css-hack aber so gehts am schnellsten mit dem wenigstens zeilen Code:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css"><!--
#content
{
      min-height:700px;
      height:auto !important;
      height:700px;
      background-color: #cccccc;
}
// --></style>
</head>
<body>
      <div id="content">
            Inhalt hier rein
      </div>
</body>
</html>