min-height:

[martinli]

Hallo,
ich möchte ein <div> haben, dass über den gesamten Bildschirm geht.
Allerdings ist in dem div text, der über eine cms eingebaut wird.
Wenn jetzt mehr text im div ist als der Bildschirm groß ist, dann würde das div diesen ja am unteren Rand abschneiden.
Dafür will ich jetzt einfach folgendes angeben:
min-height:100%;  // damit das Div bei wenig text Bildschirmfüllend ist
height:*%;  // damit das Div den Text bei viel Text nicht abschneidet

Aber irgendwie will das bei mir nicht so richtig funktionieren.
Hat jemand von euch dazu noch eine Idee, wie ich das richtig machen muss?
Viele Grüße
Martin

[Inita_]

hoi,

da ist n Beispiel dafuer:

http://inix.blogiem.lv/2007/07/25/8989.html

P.S. da kann man eigentlich 2 Beispiele finden.

Viel Spass,
Inita

[martinli]

Hallo,
Vielen Dank erst mal,
genau so hatte ich es eigentlich schon versucht:
.whole_div{
border:1px solid black;
min-height:100%;
height:auto !important;
height:*%;
}
Aber das funktionierit leider nicht, zumindest nicht so wie ich es haben will??
Was könnte ich da noch ausprobieren?
Gruß
Martin

[Inita_]

hi,

wenn in diesem Beispiel funktioniert, dann was willst du anders haben? :/

Inita

[Maxx]

Hallo Martin,

Aber irgendwie will das bei mir nicht so richtig funktionieren.

was, und in welchem Browser funktioniert nicht?
Für einen standardkonformen Browser langt eigentlich:

html, body {height:100%;}
dasDiv     {min-height:100%;}

Der IE6 braucht noch einen extra Tritt: dasDiv {height:100%;}
Das sollte es aber auch schon sein.

Viele Grüße,

Jochen