Minheight für Internet Explorer
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 die optimaleLösung: einfach ein DIV (<div id="minheight">) mit fester Höhe anlegen welches links in der "page_box" floatet (siehe blauer Streifen am linken Rand):
Hier der Seitenaufbau:
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;
/* others */
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;
}
/**/






