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 */
}
Zuletzt aktualisiert am 14.07.09