min-height für IE 6

Es ist mittels der CSS-Eigenschaft min-height möglich Block- Elementen eine Mindesthöhe zu geben. Der Internet Explorer 6 aber unterstützt diese Eigenschaft nicht.

Stattdessen wirkt die CSS-Eigenschaft height beim Internet Explorer 6 wie min-height, da er das Element bei mehr Inhalt automatisch vergrößert.

Mit folgendem CSS-Code kann man sowohl den modernen Browsern als auch dem Internet Explorer 6 eine Mindesthöhe geben:

#div {
 height: 300px;
}

Mit diesem Code geben wir dem Internet Explorer 6 seine Mindesthöhe.

html>body #div {
 height: auto;
 min-height: 300px;
}

Mittels des html>body Selektors können wir nur die modernen Browser ansprechen. Wir setzen also zunächst die height auf auto zurück. Dannach können wir die min-height setzen.

Mit diesem Code habt ihr nun eine Mindesthöhe für alle Browser gegeben!