Style

Assistant

Startseite
Screenshot
Kurzanleitung
Download
Kurse & Infos
>Tipps & Tricks<
Unterstützer
TMXtensions
?Freeware!
About TM
E-Mail
Made with CSS
Valid HTML 4.01!
Stand: 07.12.2002

Tipps & Tricks – Tipp 52
Zur Übersicht

52. IE 6 und der "standards-compliant mode" (12.04.2001)

Die aktuelle Preview-Version des Internet Explorer 6 offenbart eine sehr wichtige und zukunftsweisende Fähigkeit: Das konsequentere Bekenntnis zu den existierenden W3C-Spezifikationen! Microsoft hat in den IE 6 eine Funktionalität implementiert, die den Browser beim Vorhandensein einer DOCTYPE-Angabe (in der ersten Zeile) des Dokuments in den so genannten "standards-compliant mode" umschaltet. Daraufhin werden Markup und Style Sheets kritischer interpretiert und ggf. völlig anders als bisher dargestellt. Ein Beispiel soll das illustrieren. Obwohl es immer wieder debattiert wird, dass Positions- bzw. Längenangaben in CSS Einheiten erfordern – sofern die Werte ungleich Null sind – halten sich Programme und Autoren oft nicht daran. Bisher wurden die positionierten Inhalte meistens wie erwartet dargestellt. Hier liegt nun die (eigentlich erfreuliche) Falle im IE 6.

In den "standards-compliant mode" schaltet der IE 6 u. a. dann, wenn eine DOCTYPE-Angabe für HTML 4.0 oder XHTML vorhanden ist. Bei HTML 4.0 ist das bei der Strict-DTD mit bzw. ohne URL-Angabe der Fall, während die Transitional- und Frameset-DTDs nur in Verbindung mit der URL-Angabe zu diesem Modus führen. Man kann dieses Verhalten anhand von document.compatMode überprüfen. Diese im IE6 implementierte Eigenschaft gibt entweder CSS1Compat oder BackCompat zurück. Der letztgenannte Wert erscheint, wenn sich der Browser nicht im standards-compliant mode befindet.

In der folgenden Abbildung sind die Auswirkungen der absoluten Positionierung eines DIV-Containers ohne bzw. mit px-Angaben ersichtlich. Reine Zahlenwerte werden komplett ignoriert, es wird lediglich der Text mit Vorder- und Hintergrundfarbe angezeigt. Erst die Verwendung der Einheit px zeigt einen absolut positionierten Block.

Beispiel zum Tip 52

Die Beispiele 52a und 52b demonstrieren dieses Verhalten ohne bzw. mit Einheiten. Mehr Informationen zur Unterstützung von CSS im IE 6 sind bei MSDN online zu finden, wobei auch die Änderungen beim Box-Modell interessant sind.