Conditional Comments ermöglichen es, die Browserversion abzufragen und für jede Version unterschiedliche Stylesheets zu verwenden.
In dem folgenden Code seht ihr, wie via Conditional Comments abgefragt wird, ob der Internet Explorer (IE) 5, 5.5, 6 oder 7 verwendet wird und dann das entsprechende Stylesheet über den <link>-Tag geladen wird:
<!--[if IE 5]>
<link href="ie5.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 5.5]>
<link href="ie5.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
Als Standard-Stylesheet könnt ihr dann einen für Firefox optimierten verwenden und davor ohne Abfrage einbinden.
Wenn ihr nicht extra für jede IE-Version einen anderen Stylesheet einbinden wollt, könnt ihr die Abfragen mit Hilfe von sogenannten Operatoren auch ein wenig anpassen. Hierbei gibt es folgende Möglichkeiten:
Operatoren:
! = Not-Operator (Ungleich)
lt = Kleiner-als-Operator (Kleiner als)
lte = Kleiner-als oder Ist-Gleich-Operator (Kleiner gleich)
gt = Größer-als-Operator (Größer als)
gte = Größer-als- oder Ist-Gleich-Operator (Größer gleich)
Beispiele:
<!--[if !IE 5.5]> Wenn nicht Version 5.5 <![endif]-->
<!--[if lt IE 6]> Wenn kleiner als Version 6 <![endif]-->
<!--[if lte IE 5.5]> Wenn kleiner oder gleich Version 5.5 <![endif]-->
<!--[if gt IE 5]> Wenn größer als Version 5 <![endif]-->
<!--[if gte IE 5.5]> Wenn größer gleich Version 5 <![endif]-->
Ich hoffe das hat euch weitergeholfen. Ansonsten könnt ihr auch eine auf PHP basierende Browserweiche verwenden.
Das Tutorial dazu findet ihr hier:
Browserweiche
Sehr gut beschrieben, ich hätte da aber noch eine Bitte:
Vielleicht könntest du auch ein Beispiel machen für: if Firefox, IE, Opera ohne die Version. Wenn das gehen würde...
Ansonsten, schönes Tut