Direktnavigation

Weitere Infos

Sie lesen:
LB Teil 1 (2009)

Little Boxes Teil 1 (Cover)

Aktuell (2015)
Einstieg in CSS

Einstieg in CSS (Cover)


2. Auflage!

Einstieg in CSS (Cover)

Beispielseiten

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
  1. Kopieren Sie die Dateien aus dem Basisordner für diesen Abschnitt in einen Übungsordner.
  2. Öffnen Sie die Beispielseite index.html in einem Editor.
  3. Schreiben Sie folgende Zeilen zwischen <head> und </head>, aber unterhalb der mit link eingebundenen Stylesheets:
  4. <!--[if lt IE 9]>
    <style type="text/css">
      body { background-color: yellow; }
    </style>
    <![endif]-->
  5. 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.