Ein Browser, der von einem Webserver einen HTML-Quelltext einliest (parst), erstellt zunächst einen virtuellen Dokumentenbaum, der den hierarchischen Aufbau beschreibt. Die Fachbezeichnung hierfür lautet Document Object Model, abgekürzt DOM. Die nachfolgende Abbildung zeigt, wie ein solches Modell für einen einfachen Dokumentenbaum aussehen kann: Mehr lesen … »
Wer Informationen über den DOM-Zweig eines CSS-Elementes sucht, kann nicht immer auf Firebug zurückgreifen. Insbesondere auf betagteren Systemen bzw. mobilen Lösungen kann der zusätzliche Ressourcenverbrauch des Firefox-Plugins als störend empfunden werden. Mehr lesen … »
Eine tabellarische Übersicht über die CSS-Unterschiede in den Internet Explorer Versionen 6, 7 und 8 bietet die Website von TutorialFeed. Einsteigern hilft die Übersicht ein Gefühl für Unterstützung der einzelnen IE-Versionen zu entwickeln, fortgeschrittene können es als Nachschlagewerk einsetzen. Leider hat sich in der Tabelle ein kleiner Fehler eingeschlichen, auf den im ersten Kommentar hingewiesen wird. Trotzdem eine schöne Idee, die auf jeden Fall ein Lesezeichen wert ist.
Optisch nicht so ansprechend, aber dennoch sehr empfehlenswert ist der Artikel “CSS Compatibility and Internet Explorer” des Microsoft Developer Networks. Auch dort wird aufgelistet, welche Regeln die Verschiedenen IE-Versionen bei CSS 2.1 und CSS 3 unterstützen.
Speziell für den Internet Explorer 8 sollten Sie zusätzlich als Ergänzung eine Liste heranziehen, in der sämtliche bekannte Darstellungsfehler (CSS, HTML, DOM, und Javascript) aufgeführt sind. Die Probleme sind exzellent nachvollziehbar, da für jeden Fehler eine Demonstrations-Seite sowie das bei Microsoft aufgeschlagene Problem-Ticket verlinkt ist.
Bereits vor einiger Zeit hatte ich den IETester vorgestellt, mit deren Hilfe sich die Darstellung einer Website in den gängigsten Internet Explorer Versionen emulieren lässt. Ein ähnliches Tool gibt es nun von Microsoft mit dem Namen Expression Web Super Preview. Mit der aktuell vorgelegten Betaversion stehen von Hause aus die Rendering Engines für den IE6, IE7 und IE8 zur Verfügung, sowie alle Browser die man Lokal installiert hat. In einer späteren Version sollen andere Engines wohl direkt implementiert werden.
Die Möglichkeiten, die das Programm bietet, sind etwas umfangreicher als beim IETester. Als Highlight kann man eine Website in zwei Varianten überlagert darstellen lassen (z. B. IE6 und IE8), wodurch eine pixelgenaue Analyse möglich wird.
Ziel eines Webdesigners sollte es sein, dass die von ihm erstellten Seiten immer korrekt dargestellt werden, unabhängig davon, welcher Browser und welches Betriebssystem vom Betrachter verwendet werden. Die einzige Möglichkeit, diesen Anspruch umzusetzen, bedeutet: testen, testen und noch mal testen. Im Buch hatte ich erläutert, welche Testumgebungen sinnvollerweise verwendet werden sollten. Bei kommerziellen Webprojekten ist es durchaus üblich, dass bis zu einem Drittel der veranschlagten Gesamtzeit auf das Testen entfällt.
Zur Beantwortung dieser Frage sollten wir darüber nachdenken, mit welchem Browser/Browserversion und Betriebssystem voraussichtlich auf eine Website zugegriffen wird. Generelle Anhaltspunkte hierfür bieten Statistikdienste und Marktforscher, die ihre Ergebnisse im Web veröffentlichen. Hier eine Übersicht der meiner Meinung nach wichtigsten Dienste, die natürlich keinen Anspruch auf Vollständigkeit erhebt:
