KS Webdesign – Der Blog

Mithilfe von Conditional Comments kann man dem Internet Explorer besondere Gestaltungsanweisungen zukommen lassen, die auch nur von ihm interpretiert werden. Zuerst erstellt man eine CSS-Datei und speichert sie unter dem Namen ie.css in dem Ordner ab, wo die anderen CSS-Dateien (bildschirm.css, druck.css) abgelegt sind.

In der XHTML-Datei wird unmittelbar vor dem Ende von </head> folgendes eingefügt:

[if lte IE 8] heißt alle IE-Versionen, die kleiner oder gleich IE 8 sind. Da die verschiedenen Versionen des IE unterschiedliche Fehler haben, müssen die von dem Fehler betroffenen IE-Versionen auch innerhalb der ie.css gesondert angesprochen werden können.

Dazu gibt es folgende Möglichkeiten:
Sollen alle IE-Versionen angesprochen werden, schreibe die Anweisungen ganz normal in dieie.css.
Soll das nur der IE 7 zu sehen bekommen, notiert vor der normalen Anweisung: *:first-child+html
z.B. dann *:first-child+html li {zoom:1;}
Alternativ geht auch *+html li {zoom/**/:1;}

Kürzer wäre nur *+html vor der normalen Anweisung, z.B. dann *+html li {zoom:1;} Das liest dann außer dem IE 7 noch der IE 5, aber da dieser nicht mehr weit verbreitet ist, reicht die verkürzte Schreibweise wohl i.d.R. aus.

Wenn das nur der IE 6 und IE 5 sehen sollen, notiert ihr vor der normalen Anweisung: * html z.B. dann * html li {zoom:1;}

Sollte das nur der IE 5 + IE 5.5 sehen schreibt ihr:
* html li {zoom /**/:1;} – Wichtig ist die Leerstelle vor /**/ !!