CSS-Browser-Hacks

Hack Wirkt in diesen Browsern Selektiertes Element
* html Nur IE
bis Version 6
html
*+html Nur IE,
nur Version 7
html
*+html, * html Nur IE,
aller Versionen
html
html>body Moderne Browser,
IE nur Version 7
body
html>/**/body Moderne Browser
ohne IE 7
body

Beispiel Box Model Hack für Internet Explorer 5 und 5.5:

Diese Browser zählen u. a. padding-Werte nicht mit zur Breite (bzw. Höhe) dazu.

Für moderne Browser:
#box {
width: 400px;
padding: 0px 20px;
/* Innenabstand links und rechts jeweils 20px */
}

Hack für IE 5 und 5.5:
* html #box {
/* Diesen Selektor beachten nur IEs */
width: 440px;
/* Diese Anweisung ist nur fuer IE 5 und 5.5:
400 + 20 + 20*/
w\idth: 400px;
/* Diese Anweisung ist nur fuer IE 6 */
}