Webseiten gestalten mit HTML und CSS
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 lt IE 9]>
<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 IE8 einen gelben Hintergrund haben.
