Webseiten-Infos.de

Webseiten mit Browsern testen

Für das Überprüfen der Darstellung von Webseiten solltest Du einen Browser verwenden, der sich standardkonform verhält.

Konkret heißt das, dass er CSS 2.1 möglichst korrekt interpretieren sollte.

In Betracht kommen dafür auf einem Windows-Rechner insbesondere die aktuellen Versionen der folgenden Browser:

• Firefox (derzeit Version 3.5.x)
• Safari (derzeit Version 4.o) oder Google Chrome (derzeit Version 2.0.x)
• Opera (derzeit Version 9.6.x)
• Internet Explorer (derzeit Version 8 )

Testen solltest Du die Darstellung der Webseiten aber mit diesen Browsern und mindestens zusätzlich mit dem Internet Explorer 7 und 6.

Warum?

Ganz einfach: Diese Browser verwenden unterschiedliche Layout-Engines – auch Rendering-Engines genannt.

Die älteren Versionen des Internet Explorers (IE) haben zudem die unangenehme Eigenschaft noch sehr verbreitet zu sein, aber CSS 2.1. nur schlecht oder bedingt zu unterstützen. Deshalb solltest Du sie auch nur zum Testen von Fehlerbehebungen verwenden. Hierzu empfehle ich Dir dann eine eigene CSS-Datei zu verwenden, die mittels Conditional Comment nur für alte Versionen des Internet Explorers (IE) sichtbar ist.

Hilfreich zum Abfangen der Darstellungsfehler alter Versionen des Internet Explorers ist übrigens das CSS-Framework YAML von Dirk Jesse, das Conditional Comments einsetzt.

Das auf Webseiten-Infos.de verwendete WordPress-Theme YAML Green von Michael Preuß basiert auf YAML.

Wie Du unter Windows XP beziehungsweise Vista parallel mehrere Versionen des Internet Explorers (IE) installieren kannst, kannst Du übrigens in meinem Blogbeitrag “Webdesign mit verschiedenen IE-Versionen testen” nachlesen.

Zum Schluss sei noch erwähnt, dass die Browser

• Firefox (FF),
• Safari und
• Google Chrome

in den aktuellen Versionen schon einige Möglichkeiten von CSS 3 unterstützen, die ich auf Webseiten-Infos.de einsetze.

Hierzu gehören runde Ecken (rounded corner) mittels -moz-border-radius sowie -khtml-border-radius und der Schatteneffekt (shadow) mittels -moz-box-shadow und -khtml-box-shadow (siehe hierzu beispielsweise den Artikel CSS3: Vorschau und aktueller Stand bei webmasterpro.de).

Da will ich mal hoffen, dass die Browser

• Opera und
• Internet Explorer

bald nachziehen werden.