====== Browser-Weichen ======

Wie schon bei den Problemen erwähnt, gibt es hin und wieder Unterschiede zwischen den verschiedenen Browserengines bei der Interpretierung von CSS- und (X)HTML-Code. Während es bei den aktuellen Browserversionen (Opera ab Version 10, Internet Explorer ab Version 8, Firefox ab Version 3) nicht mehr so häufig zu solchen Probleme kommt, muss man vor allem die Interpretierung in den älteren Versionen des Internet Explorers beachten. Sowohl IE6 als auch IE7 haben nach wie vor eine revelante Verbreitung.

Eine Möglichkeit dazu sind sogenannte Browser-Weichen, mit denen ein bestimmter Codeteil nur für oder ab einer bestimmten IE-Version interpretiert wird.

<code css>
<!--[if IE 6]> <link href="content/css/ie6only.css" rel="stylesheet" type="text/css" /> <![endif]-->
</code>

Die CSS-Datei ie6only.css wird nur in Internet Explorer Version 6 geladen.

<code css>
<!--[if lt IE 8]> <link href="content/css/ieold.css" rel="stylesheet" type="text/css" /> <![endif]-->
</code>

Die CSS-Datei ieold.css wird nur in IE-Versionen vor Version 8 eingebunden.

Für die Versionsangabe kann man (wie im letzten Beispiel) kleiner (lt), kleiner-oder-gleich (lte), größer (gt), größer-oder-gleich (gte) verwenden.