Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

IE und min-height

Internet Explorer Win bis einschließlich Version 6 versteht die Eigenschaft min-height nicht. Gleichzeitig interpretiert er aber die height-Eigenschaft falsch: Elemente mit fester height-Angabe wachsen mit ihrem Inhalt (so wie es bei min-height sein sollte).

Die fehlerhafte Darstellung des IE lässt sich ausnutzen, um das gewünschte Ergebnis einer Mindesthöhe zu erreichen:

  1. #box {
  2. min-height:10em; /* für richtige Browser */
  3. }
  4. /* IE 6 */
  5. * html #box {
  6. height:10em;
  7. }