Min Height for IE
Problem: Internet Explorer < 7 ignoriert die Höhenangabe "min-height", was zu einem ziemlich hässlichen Layout führen kann.
Minheight mit float:left - DIV
Mittlerweile habe ich eine Lösung: einfach ein DIV (<div id="minheight">) mit fester Höhe anlegen welches links in der "page_box" floatet:
<div class="page_box">
<div id="minheight"></div>
<div class="page_box_right">
Hier der Text
</div>
</div>
Dieses DIV ist in der page_box mit float: left; - dann kommt die page_box_right ebenfalls mit float: left; Damit wird die page_box niemals niedriger als das minheight DIV.
div#minheight {
margin: 0px 0px 0px 0px ;
width: 4px;
height: 150px;
float: left;
clear: both;
display:inline;
}
Üblicher "Hack" - nicht so sehr zu empfehlen
Die übliche Lösung mit stylesheets funktioniert meiner Erfahrung nach nicht zuverlässig in allen Browsern auf allen Plattformen:
#container {
position: absolute;
min-height: 480px; <<< hier die gewüschte
min-height für "normale" Browser
}
/* for Internet Explorer */ <<< hier der IE-Hack
/*\*/
* html #container {
height: 480px;
}
/**/