Friday, August 11th, 2006
Min-Height für IE & Firefox & Opera mittels Underscore-Hack!
Es gibt verschiedene Umwege, dem Internet-Explorer eine Mindesthöhe für Div-Elemente einzutrichtern, gestern habe ich jedoch eine mir unbekannte entdeckt, die scheinbar wunderbar funktioniert und extrem unkompliziert ist:
Der Underscore ist nach CSS 2.1 Spezifikation erlaubt - und Browser ignorieren unbekannte CSS Eigenschaften. Der InternetExplorer ignoriert den Underscore und setzt somit die Höhe auf bspw. 500px. Da der IE bei Inhalt, der die Höhe eines Elements übersteigt, das Containerelement vergrößert und nicht abschneidet ist eine Höhe gesetzt, die sich dynamisch mit wachsendem Content aufspannt.
Firefox und Opera jedoch ignorieren Anweisungen, die mit dem Underscore beginnen komplett und verstehen die min-height Anweisung richtig.
So kann man mit 3 Zeilen eine Minimalhöhe einstellen, ohne irgendwie Divs ineinderzuschachteln oder verschiedene Stylesheets zu laden:
min-height: 500px;
height: auto;
_height: 500px;
Gefunden auf wellstyled.com
Bleibt zu hoffen, dass mit dem Erscheinen des IE7 nicht alles wieder zunichte gemacht wird, was man sich mühsam zusammenschustert ;)
on Wednesday, May 30th, 2007 at 6:11 pm:
“Firefox und Opera jedoch ignorieren Anweisungen, die mit dem Underscore beginnen komplett und verstehen die min-height Anweisung richtig.”
Also bei mir versteht lediglich der Firefox (v2.0.0.3) die min-height Angabe nicht! Netscape, Opera und IE übersetzen das ohne Probleme, nur wie gesagt der Firefox nicht.