Es könnte alles so schön seinDie modernen Browser unterstützen CSS 2.1 recht gut. Dazu gehören Firefox, Mozilla ab 1.5, Opera ab 7, Safari ab 1.1 und Netscape ab 7. Sie vermissen den Internet Explorer? Der ist in die Jahre gekommen und insbesondere die Versionen 5.x haben deftige Fehler in der CSS Implementierung. Bei der Verbreitung dieses Browsers ist es aber nicht möglich, ihn zu ignorieren. Fehlerhaft interpretiert wird die Box. Die Grösse berechnet sich laut CSS aus "width" + "2 x border" + "2 x padding". Der IE subtrahiert von width die beiden Werte 2 x padding und 2 x border, damit steht in der Box weniger Raum zur Verfügung. Ein pixelgenaues Layout ist so nicht mehr möglich. Microsoft bereinigte den Fehler mit Version 6 des Browsers. Die Überlegung war, dass unglaublich viele Seiten auf der Basis des falschen Box-Modells erstellt und mit der Version des IE bis einschliesslich Version 5.5 getestet worden waren. Also musste eine Möglichkeit gefunden werden, einen Wechsel zwischen der falschen und der korrekten Variante vornehmen zu können. Mit Hilfe der Doctype-Declaration schalten die Browser in den Standard-Modus oder einen Quirks-Modus, in dem sie das fehlerhafte Verhalten alter Browser simulieren. Wenn Sie selbst Seiten erstellen erwarten Sie, dass die Definitionen korrekt interpretiert werden. Sorgen Sie dafür, dass der IE im Standard-Modus arbeitet, indem Sie an erster Stelle Ihrer HTML Dokumente eine richtige, gültige Doctype-Declaration einschliesslich des URI, z.B. in der Form: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">verwenden. Was können Sie tun, um den IE 5.x zur korrekten Darstellung zu bringen? Lesen Sie die nächste Seite zum Thema Box Model. |
Das ist schönDie unendlichen Möglichkeiten des CSS Designs anschaulich und unterhaltsam auf der Seite csszengarden Das ist wichtigDie offizielle Stelle, das W3C und die Doctype -Declaration | |