Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Sie sind hier

Startseite › CSS › Besonderheiten der Browser › Conditional Comments
aktualisiert:
05.10.2008
erstellt:
07.02.2007

Conditional Comments

Der IE Win ab Version 5 kann über eine Sonderform von HTML-Kommentaren angesprochen werden, sog. bedingte Kommentare (conditional comments).

  1. <!--[if IE]>
  2. [Anweisung, die nur von IE Win eingelesen wird]
  3. <![endif]-->

Mit Conditional Comments lassen sich gezielt einzelne Versionen des IE Win ansprechen.

Anweisung Auswirkung
[if IE] spricht alle Versionen des IE Win an
[if IE 5] spricht nur Version 5 des IE Win an
[if lt IE 6] spricht alle Versionen kleiner Version 6 des IE Win an
lt less than
[if lte IE 7] spricht alle Versionen kleiner oder gleich Version 7 des IE Win an
lte less than or equal
[if gt IE 5] spricht alle Versionen größer Version 5 des IE Win an
gt greater than
[if gte IE 5.5] spricht alle Versionen größer oder gleich Version 5.5 des IE Win an
gte greater than or equal
[if !IE 5.5] spricht alle Versionen außer Version 5.5 des IE Win an

Anwendungsbeispiel

Conditional Comments (CC) sind HTML-Kommentare. Im Unterschied zu CSS-Hacks werden Sie also im HTML-Dokument eingesetzt, nicht im Stylesheet.

Mit Hilfe der CC kann dem/den IE(s) ein eigenes Stylesheet zugewiesen werden.

  1. <link rel="stylesheet" type="text/css" href="screen.css" />
  2. <!--[if lte IE 7]>
  3. <link rel="stylesheet" type="text/css" href="IEonly.css" />
  4. <![endif]-->

Das erste Stylesheet lesen alle Browser (auch IE!) ein, die zweite Angabe liest nur IE Win bis einschließlich Version 7.

Die regulären Angaben erhält der IE – wie die anderen Browser auch – aus dem ersten Stylesheet.

Das separate Stylesheet für den IE sollte immer nur diejenigen Angaben enthalten, die zusätzlich für den IE nötig sind. Manchmal müssen im IE-Stylesheet Angaben aus dem regulären Stylesheet überschrieben werden; deshalb muss das IE-Stylesheet stets nach dem regulären Stylesheet notiert werden.