zur Beschreibung

Syntaxfehler im CSS-Code: Quirks Mode

Bitte beachten! Diese Seite dient nur zur Demonstration des Browserverhaltens. Die Doctype-Deklaration dieser Seite löst in den meisten aktuellen Browsern den »Quirks Mode« aus. Es kann daher sein, dass ein oder mehrere Browser diese Seite nicht dem Standard entsprechend darstellen. Auch wenn die Seite dadurch wie beabsichtigt dargestellt werden sollte, so ist die Darstellung in diesen Browsern nicht korrekt. Bitte lesen Sie die Beschreibung zu diesem Beispiel, um zu erfahren, wie eine korrekte Umsetzung der gewünschten Darstellung erfolgen kann.

Die folgenden Beispielabsätze sollen alle gleich formatiert werden: 100 Pixel Höhe, dunkelblauer gepunkteter Rahmen, hellgrauer Hintergrund. In die CSS-Deklarationen eines jeden Absatzes wird zum Test ein Fehler eingebaut. Bei korrekter Interpretation müssen diese fehlerhaften Deklarationen ignoriert werden. Die Darstellung muss sich von der des ersten Absatzes mit korrekter CSS-Syntax unterscheiden.

Beispielabsatz mit korrekter Syntax: height:100px; border:dotted 1px #009; background-color:#fcfcfc;

Gleichheitszeichen statt Doppelpunkt: height=100px;

Wert in Anführungszeichen: height:"100px";

Fehlende Einheit: height:100;

Leerzeichen zwischen Zahlenwert und Einheit: height:100 px;

Hexadezimale Farbnotation ohne Raute: background-color:fcfcfc;