min-height für IE6 ohne hack - min-height IE6, Mindesthöhe CSS IE, Internet-Explorer min-height

04.02.2008

min-height für IE6 ohne hack

Tags: (X)HTML, CSS

snipplr.com ist eine Code-Schnippsel-Datenbank auf der man "best-practice"-Beispiele durchstöbern oder selbst einstellen kann. Ich hab die Seite nur kurz überflogen, aber trotzdem wieder was nettes gelernt - und zwar wie man die nicht vorhandene min-height CSS- Eigenschaft im IE6 auch ohne hack hinbekommt.

Eigentlich total simpel, aber dennoch verblüffend, dass es funktioniert:

.minheight-500 {
   min-height: 500px;
   height: auto !important;
   height: 500px;
}

Normalerweise hab ich das immer über einen * html - Hack oder über eine seperate CSS-Datei gelöst. Aber so ist das eben, man lernt nie aus.

Link: snipplr.com

[...zurück zu News]

05.03 12:12 Uhr Manuel http://-

Damit das auch weiterhin im Firefox, Opera etc. funktioniert würde ich height weglassen, und einen extra div platzhalter einbauen der height:500px beträgt sonst funktioniert es in den anderen browsern nicht!

10.04 17:41 Uhr Michael http://www.wiesenfestbilder.de

Kann mich Manuel anschließen, ich bau eigentlich immer einen Container mit der gewünschten höhe ein von 1px breite, stelle den dann auf float right oder left. wichtig is dann nur dass man kein clear both verwendet, sondern nur clear right oder left je nach dem wo man seinen container platziert hat.

17.06 14:28 Uhr Plissee http://www.raumtextilienshop.de/faltgardine/plissee.asp

Hm, ich hab das mal getestet und bei mir funktioniert das nicht. Nur wenn ich einen Div-Container mit einer Höhe von 500 zb. platziere, funktioniert die Sache...