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 /**/ !!
Pingback: Image Replacement nach Gilder/Levin | KS Webdesign der Blog
Pingback: Grafische Navi 1 | KS Webdesign der Blog
Pingback: Foot Sticker Alt | KS Webdesign der Blog
Pingback: Warum wird hier f
Pingback: IFrame und IE m
Pingback: Listenzeichen
Den werd ich mir zu den Lesezeichen packen. Sowas kann sich doch kein Mensch merken…
Pingback: Anonymous
Ich bin gerade durch eine Link auf diesen Artikel gekommen. Vielen Dank für den interessanten und informativen Beitrag!
Bitte, gerne.
Pingback: navi problem im ie - XHTMLforum
Pingback: Rollover-Bild Fehler nur im IE8 - XHTMLforum
Pingback: Frage wegen IE Hack - XHTMLforum
Pingback: Anonymous
Pingback: Transparenz von Containern im IE » KS Webdesign - Der Blog
Pingback: IE7 mag meine Seite nicht :( - XHTMLforum