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;
}

Erstellt: 07/2010| Geändert: 03/2023

Ü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;
        }
    /**/

Erstellt: 07/2010| Geändert: 10/2015