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]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /><![endif]-->[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 /**/ !!
Den werd ich mir zu den Lesezeichen packen. Sowas kann sich doch kein Mensch merken…
Ich bin gerade durch eine Link auf diesen Artikel gekommen. Vielen Dank für den interessanten und informativen Beitrag!
Bitte, gerne.
[...] aber kein Problem. Eine kleine Anweisung im Conditional Comment eingetragen schafft [...]
[...] paar kleine Eintragungen im Conditional Comment schaffen da [...]
[...] er jedoch height wie min-height behandelt können wir ihm mit einer Deklaration in den Conditional Comments auf die Sprünge [...]
[...] [...]
[...] dann lass nur den IE das mit den 404px sehen. Mit Conditional Comments. Ach ja, Pixel gibbet nur im Ganzen. Sowatt: -390.5px macht also keinen sinn. [...]
[...] jetzt darüber streiten, ob die HG-Grafik im Internet Explorer 0.1em zu tief sitzt und das dann per Conditional Comment korrigieren, aber das müßt ihr selbst [...]
[...] wenn es um den IE geht arbeitet man normalerweise mit Conditional Comments. __________________ Blog oder [...]
[...] [...]
[...] [...]
[...] [...]
[...] [...]