Browser Compatible Webdesign

Jeder Webdesigner, der den Anspruch hat, die Usability-Kriterien im Page-Design einzuhalten, kennt das Problem: Er muss sein CSS-Layout an verschiedene Browser auf verschieden Betriebssystemen anpassen, wenn er will, dass seine Seite von allen Besuchern korrekt und möglichst gleich gesehen wird. (Wer das Problem kennt und gleich zur Lösung will, sollte jetzt nach ganz unten scrollen).

Es könnte als selbstverständlich gelten, dass eine Website auf allen Browsern korrekt dargestellt wird - gibt es doch allgemein gültige Standarts für validen html- und CSS-Code, einzusehen beim W3C. Und diese Standarts einzuhalten ist, so scheint es, nicht besonders schwierig. Dabei hilft dem Webdesigner etwa der interne Validator des W3C oder eine Vielzahl anderer Sites. “Browser Compatible Webdesign” heißt das Schlagwort.

Das größte Hindernis

Doch browserkompatible Sites umzusetzen erfordert einige Mühe - werden dem Designer doch besonders von einer bestimmten Seite die größten Steine in den Weg gelegt. Was auf Seiten guter Webdesigner als selbstverständlich gilt, scheint den Programmierern großer Softwarefirmen unbekannt. Nahezu unbegreiflich ist es, dass das größte IT-Unternehmen der Welt es nicht fertig bringt, den verschiedenen Versionen ihres Browsers eine konsistente Methode der Code-Interpretation zu implementieren. Version 5.1 interpretiert z.B. ein und dasselbe html-Element anders als Version 5.5, in Version 6 funktioniert gar nichts mehr und erst Version 7 korrigiert ein paar der Fehler.

Die Rede ist von Microsofts Internet-Explorer, dem m.E. schlechtesten Browser, der je auf den Markt kam. Immer wieder durch Sicherheitslücken zu negativem Ruhm gekommen, fangen die Probleme mit dem IE schon bei viel grundlegenderen Dingen an. Aber das soll hier nicht diskutiert werden.

Fakt ist, dass leider immernoch 39% aller Surfer den IE nutzen, was ihn auf Platz 1 der Browserpopularität hebt (zum Glück mit fallender Tendenz und dicht gefolgt vom W3C-Standart-konformen Firefox mit 22,89% - Stand: März 2008, die Browser-Statistik ist hier einsehbar). Und diesem Fakt müssen Webdesigner Rechnung tragen.

Das Problem

Das Problem bei der ganzen Sache mit der Browserkompatibilität ist, jetzt einmal ganz abgesehen von den Schrecken des Internet Explorer, dass es fast unmöglich ist, seine Seite auf allen Browsern zu testen, und all die verschiedenen Browser gleichzeitig auf dem eigenen System zu installieren, wenngleich es doch nötig erscheint. Für die meisten wird es darüber hinaus unerschwinglich sein, sich auch noch mehrere Rechner mit unterschiedlichen Betriebssystemen zuzulegen, um ein völliges konsistentes Page-Design zu bewerkstelligen.

Der Trost

Das ist auch gar nicht nötig. Denn wer valides xhtml beherrscht oder seinen Code vom W3C-Validator prüfen lässt (s.o.), der ist bei den meisten modernen Browsern schon auf der sicheren Seite. Und für den Rest gibt es eine andere Lösung:

Die Lösung

…ist eigentlich ganz einfach:

Web basierte Browser-Test-Services liefern Screenshots der analysierten Seite.

Und zeigen, wie sie in verschiedenen Browsern, mit unterschiedlichen Monitor-Auflösungen und sogar auf verschiedenen Betriebssystemen dargestellt wird. So kann man recht einfach online seine Seite testen lassen, ohne mehr als den Lieblingsbrowser auf dem eigenen System installiert haben zu müssen. Die drei besten Online- Browserkompatibilitäts-Checks sind im Folgenden aufgelistet.

1. browsershots.org ist wohl der Service mit dem umfangreichsten Angebot an Browsern und Betriebssystemen. Von Linux über Windows und MacOS zum freien BSD sind hier alle Browser vertreten, die es gibt und man kann zudem noch die Bildschirmgröße und Farbtiefe wählen, Java/Javascript und Flash an- oder ausschalten und erhält die Screenshots zum Download in einer zip-Datei. Der einzige Nachteil ist, dass man auf sein Ergebnis teilweise über eine Stunde lang warten muss. Dafür ist es aber kostenlos.
2. meineipadresse.de/netrenderer ist speziell auf das Sorgenkind Internet Explorer ausgerichtet und liefert innerhalb weniger Sekunden Screenshots der zu untersuchenden Seite in IE 5.5, IE 6 und IE 7. Und das kostenlos!
3. litmusapp.com liefert über den simplen Screenshot hinaus noch eine komplexe Analyse der Fehler auf der eingetragenen Seite und testet die Konsistenz der Seite oder html-Email sogar mit verschiedenen Email-Programmen. Der einzige Nachteil: kostet.

Popularity: 100% [?]