Alternative CSS-Dateien

Alternative CSS-Dateien für den Internet Explorer (Conditional Comments)

Der Internet Explorer setzt zwar die für CSS-basierte Layouts erforderlichen Definitionen größtenteils um und muss nicht wie andere ältere Browser hiervon ausgeschlossen werden; die Umsetzung ist aber oft fehlerhaft oder unvollständig, sodass eine Korrektur oder alternative Definitionen erforderlich werden können. Eine Möglichkeit hierfür ist, zunächst die nach den Spezifikationen des W3C korrekten CSS-Anweisungen zu notieren und anschließend eine spezielle CSS-Datei nur für den Internet Explorer einzubinden.

Die folgenden Beispiele zeigen die Einbindung einer CSS-Datei für alle Browser, einer CSS-Datei nur für moderne Browser mit Ausnahme des Internet Explorer (auch der Version 7) und nachfolgend einige über conditional comments eingebundene CSS-Dateien:

<head>

<title>CSS-basiertes Layout</title>

<link rel="stylesheet" type="text/css" href="basis.css">

 

<style type="text/css">

 

@import url(modern_ohne_ie.css) all;

</style>

<!--[if IE]>
   <style type="text/css">@import url(ie.css);</style> <![endif]-->

<!--[if IE 6]>
   <style type="text/css">@import url(ie6.css);</style> <![endif]-->

<!--[if lt IE 7]>
   <style type="text/css">@import url(ie5-6.css);</style> <![endif]-->

<!--[if gte IE 5.5]>
   <style type="text/css">@import url(ie55+.css);</style> <![endif]-->

</head>