Navigation überspringen

Der »DOCTYPE-Switch«: Browser-Referenz – Internet Explorer

Basierend auf den Beispielen dieses Artikels wird auf dieser Seite das Verhalten des Internet Explorers für Windows in den unterschiedlichen Darstellungsmodi kurz gegenübergestellt. Ausführliche Erklärungen des Verhaltens finden sich auf den Beispielseiten.

Syntaxfehler im CSS-Code

Laut CSS-Spezifikation müssen fehlerhafte CSS-Deklarationen ignoriert werden. Durch den DOCTYPE-Switch lässt sich im Internet Explorer 6 bei bestimmten Fehlern beeinflussen, ob eine Fehlerkorrektur stattfinden soll.

Standards Mode
Im Standards Mode erwartet der Internet Explorer korrekte CSS-Syntax. Fehlerhafte CSS-Deklarationen werden ignoriert.
Quirks Mode
Im Quirks Mode werden bestimmte Syntaxfehler korrigiert.
Beschreibung
Syntaxfehler im CSS-Code

Berechnung von Element-Größen: Der CSS-Box-Model-Bug

Die Größe von Elementen wird durch das Box-Modell der CSS 2-Spezifikation festgelegt. Alte Versionen des Internet Explorers für Windows benutzen ein davon abweichendes Box-Modell. Durch den DOCTYPE-Switch lässt sich im Internet Explorer 6 beeinflussen, welches Box-Modell verwendet werden soll.

Standards Mode
Im Standards Mode benutzt der Internet Explorer 6 das Box-Modell gemäß der CSS 2-Spezifikation des W3C.
Quirks Mode
Im Quirks Mode benutzt der Internet Explorer 6 entgegen der Spezifikation das Box-Modell seiner Vorgängerversionen.
Beschreibung
Der CSS-Box-Model-Bug

Ausrichtung von Block-Level-Elementen

Die horizontale Ausrichtung eines Block-Level-Elements ergibt sich durch das CSS-Box-Modell. Wird sowohl margin-left als auch margin-right der Wert auto zugewiesen, so sind die berechneten Werte für beide Seitenränder gleich groß. Das Block-Level-Element wird zentriert.

Standards Mode
Im Standards Mode beherrscht der Internet Explorer 6 die horizontale Ausrichtung von Block-Level-Elementen über auto-Werte für margin-left und margin-right.
Quirks Mode
Im Quirks Mode beherrscht der Internet Explorer 6 die Ausrichtung von Block-Level-Elementen über auto-Werte für margin-left und margin-right nicht. Eine Ausrichtung ist nur über die fehlerhafte Interpretation von text-align möglich.
Beschreibung
Browser ignorieren text-align

Größenangaben für Inline-Elemente

Laut CSS-Spezifikation gelten die CSS-Eigenschaften width und height nicht für non replaced inline-Elemente. Im Internet Explorer kann durch die Wahl des Darstellungsmodus beeinflusst werden, ob diese Regel befolgt werden soll oder nicht.

Standards Mode
Der Internet Explorer ignoriert in Übereinstimmung mit der CSS-Spezifikation Größenangaben für non replaced inline-Elemente. Damit die Größe von solchen Elementen trotzdem beeinflusst werden kann, muss der Wert der display-Eigenschaft angepasst werden.
Quirks Mode
Der Internet Explorer interpretiert unter Missachtung der CSS-Spezifikation Größenangaben für non replaced inline-Elemente.
Beschreibung
Browser ignorieren Größenangaben

Bezugspunkt für Prozentangaben von height

Laut CSS-Spezifikation beziehen sich Prozentangaben für height auf die Höhe des übergeordneten Elementes. Im Internet Explorer ergeben sich in Abhängigkeit vom Darstellungsmodus unterschiedliche Bezugspunkte.

Standards Mode
Der Internet Explorer bezieht Prozentwerte für height auf die Höhe des Elternelements. Wird für das Elternelement keine Höhe angegeben, so wird der angegebene Prozentwert gemäß der CSS-Spezifikation als auto interpretiert. Das Element wird trotz Höhenangabe nur so hoch, wie der Inhalt es erfordert. Um einen Bezug zur Fensterhöhe herzustellen, muss sämtlichen Elternelementen inklusive html und body eine Höhe zugewiesen werden.
Quirks Mode
Wenn den Elternelementen keine Höhenangaben zugewiesen werden, bezieht der Internet Explorer Prozentwerte für height entgegen der Spezifikation auf die Fensterhöhe.
Beschreibung
Browser ignorieren Prozentangaben für height

Schreibweise von Klassen und IDs

Laut HTML-Spezifikation sind die Werte für Klassen und IDs »case-sensitiv«. Des weiteren dürfen sie nicht mit einer Ziffer beginnn. Durch den DOCTYPE-Switch lässt sich im Internet Explorer beeinflussen, ob diese Regeln beachtet werden sollen oder nicht.

Standards Mode
Der Internet Explorer beachtet im Standards Mode die Abhängigkeit von Groß- und Kleinschreibung bei Klassen- und ID-Selektoren. Klassen oder IDs, die mit einer Ziffer beginnen, werden ignoriert.
Quirks Mode
Im Quirks Mode spielt die Groß- und Kleinschreibung bei Klassen- und ID-Selektoren keine Rolle. Klassen und IDs, die entgegen der Spezifikation mit einer Ziffer beginnen, werden ebenfalls interpretiert.
Beschreibung
Browser ignorieren Klassen und IDs

Letzte Änderung des Inhaltes: 04.08.05