Direktnavigation
Weitere Infos
Inhaltsbereich
Testen, ob Conditional Comments funktionieren
Mit folgendem Quelltext können Sie ganz leicht überprüfen, ob die Conditional Comments funktionieren oder ob noch irgendwo ein Tippfehler ist.
ToDo: Conditional Comments testen
- Kopieren Sie die Dateien aus dem Basisordner für diesen Abschnitt in einen Übungsordner.
- Öffnen Sie die Beispielseite index.html in einem Editor.
- Schreiben Sie folgende Zeilen zwischen <head> und </head>, aber unterhalb der mit link eingebundenen Stylesheets:
- <!--[if IE 6]>
<style type="text/css">
body { background-color: green; }
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
body { background-color: yellow; }
</style>
<![endif]--> - Speichern Sie die Webseite und betrachten Sie sie im Browser.
Beachten Sie, dass das spezielle IE-Stylesheet nach anderen Stylesheets eingebunden werden muss. Ansonsten wird es im Rahmen der Kaskade eventuell wieder überschrieben, und die ganze Mühe war umsonst.
Wenn alles klappt, müsste die Seite im Firefox ganz normal aussehen, im IE6 einen dunkelgrünen und im IE7 einen knallgelben Hintergrund haben:
Abbildung 19.1: Conditional Comments testen – verschiedene Hintergrundfarben in verschiedenen IE-Versionen
