✔ DIV Container 100% Height

[schwarzer_prinz]

Hallo,

ich habe ein Problem mit einem Div-Container bzw. einer DIV-Box (#main). Der rechte Container mit dem eigentlichen Inhalt soll auf 100% height ausgerichtet sein. Das heißt, unabhängig vom Browserfenster, soll die Höhe nach dem Ende des Inhalts geschlossen werden. Das funktioniert unter dem IE7, Opera und Firefox auch korrekt, unter dem IE6 (IE5 kann ich leider nicht testen) jedoch nicht. Unter dem IE6 wird die Box auf 100% des Browserfensters gezogen. Anbei zur besseren Verdeutlichung, 2 Screenshoots. Was kann ich tun, dass die rechte Box auch unter dem IE6 korrekt angezeigt wird?

IE6 (falsch - dunkelroter Bereich)
http://img356.imageshack.us/img356/6363/ie6ya0.jpg

IE7 (korrekt - dunkelroter Bereich)
http://img137.imageshack.us/img137/9161/ie7un8.jpg

CSS Code:

body
{margin:0px; background:#000 url('images/bild.jpg') no-repeat fixed 160px 100%; padding:0px; height:100%;
...
...}

#main {height:100%;
padding:20px 25px 20px 45px;
margin: 0px 70px 0px 300px;
vertical-align:top;
border: 1px solid #78324D;
color:#CC6666;
…
…}

Besten Dank für euere Hilfe.

 

[Maik]

Hi,

wenn du die height:100%-Deklaration für das DIV #main entfernst, stellt der IE6 die Box genauso hoch dar, wie die übrigen Browser.

Diese würden die Box nämlich ebenfalls auf 100% in der Vertikalen strecken, wenn noch das html-Element mit der height:100%-Eigenschaft ausgezeichnet wird.

 

[schwarzer_prinz]

Wie simple doch manchmal die Lösungen sind.

Besten Dank, es funkt

VG