Screenshots

Eine Seite - mehrere Ansichten

Wer es gewohnt ist, in der standardisierten Welt der MS-Office-Programme zu arbeiten wird sich wundern, wie unterschiedlich Internetseiten auf verschiedenen Computern - sei es auf einem PC unter Windows, Linux etc. oder einem MAC - aussehen können. Besonders ärgerlich wird es, wenn man nach stundenlanger Arbeit vom Kollegen hört, dass die eigene perfekte Seite auf einem nahezu identischen Rechner pötzlich ganz anders dargestellt wird. Irgendwann stellt sich heraus, dass der Kollege "nur" einen anderen Browser verwendet, vielleicht sogar einen Browser der gleichen Firma, aber in einer anderen Version...
Gerade am Beispiel meiner Startseite kann die unterschiedliche Umsetzung einer Internetseite wunderbar demonstriert werden. Üblicherweise erstelle ich meine Seiten auf einem 17-Zoll-Monitor bei einer Bildschirmauflösung von 800x600 Pixeln. Schon die Änderung der Bildschirmauflösung auf 1028x768 Pixel verändert die Darstellung drastisch. Vergleicht man dazu noch die unterschiedlichen Browser erscheint eine "standardisierte" Darstellung illusorisch. Somit gibt es für den Homepage-Bastler mehrere "Goldwege":

- die ist mir egal - Methode:
Ich erstelle eine Seite nach meinen Wünschen und sage dem Betrachter: "optimiert für Browser XY Version x.xx bei einer Auflösung von xxxx mal xxx Pixeln". Im Klartext heißt dies leider oft, dass die Seite unter jeder anderen Konfiguration unbrauchbar oder zumindest unansehnlich wird. Bei der Optimierung auf den MS Internet-Explorer Version 5.x bei 1028x768 Pixeln werden dabei sicher die meisten Betrachter zufrieden gestellt sein. Der Surfer mit Netscape 4.x bei 800x600 Pixeln sieht dann aber möglicherweise nur einen Teil der Seite, manchmal leider gar nichts.

- die kleinster gemeinsamer Nenner - Methode:
Ich bastele solange an der Seite, bis sie unter den denkbaren Konfigurationen ordentlich angezeigt wird - und nehme dafür viel Arbeit und manchmal noch mehr Kompromisse in Kauf

- die Javascript wird's schon richten - Methode:
Ich erstelle jeweils separate Seiten für die gängigsten Konigurationen und leite den Betrachter per JavaScript auf die "richtige" Seite um - soweit JavaScript aktiviert ist. Bei derzeit drei Firmen, die Browser mit einer nennenswerten Verbreitung anbieten und regelmäßigen Versionsänderungen sowie verschiedenen Bildschirmauflösungen wird man kaum mit zwei Alternativen auskommen - letzen Endes der wohl aufwändigste Weg.

Hier sind Beispiele für die unterschiedliche Darstellung der Seite http://www.andreas-stenzel.de/index.htm der wohl am weitesten verbreiteten Browser:

• MS Internet Explorer (Version 5.5)
• Netscape (Version 4.7)
• Netscape (Version 6.2)
• Opera (Version 6)
• Mozilla (Version 1.0.0)

Und welchen Browser habe ich???

Aufgenommen wurden sie bei einer Auflösung von 1024x768 Pixeln.

MS Internet Explorer (Version 5.5):


Netscape (Version 4.7):


Netscape (Version 6.2):


Opera (Version 6):


Mozilla (Version 1.0.0):

Auffällig sind dabei die Ähnlichkeiten der drei letzten Darstellungen - obwohl die Browser von verschiedenen Firmen stammen. Hier wirkt sich jedoch aus, dass die aktuelle Browsergeneration (d.h. aktuell Version 6.x) sowohl von Netscape als auch Opera (und wohl auch Microsoft) die vom W3c-Konsortium ( www.w3.org ) verabschiedeten Standards für HTML sowie CSS weit gehend umgesetzt haben. Mozilla 1.0.0 ist ein ganz neuer Browser, der als sogenanntes "open source" - Projekt von unabhängigen Programmierern entwickelt wurde und wird. Die (Stand Juli 2002) angekündigte Version 7.0 von Netscape wird auf der Grundlage dieses Browsers erstellt werden - womit Netscape wieder Anschluss an die modernen Browser von Microsoft und Opera erlangen wird. Die älteren Browser Explorer 5.x sowie Netscape 4.x halten diesen Standard nur ansatzweise ein, vieles wird nach sogenannten propietären (d.h. vom jeweiligen Hersteller verabschiedeten) Regeln umgesetzt.
Um eine möglichst ausgeglichene Darstellung der Seiten in den gängigen Browsern gewährleisten zu können musste ich den HTML- (bzw. CSS-) Code an verschiedenen Stellen vom Standard abweichend gestalten. Wenn die neuen Browser-Generationen allgemein Verbreitung gefunden haben wird auch dies der Vergangenheit angehören, da dann jede Seite standardkonform gestaltet werden kann. Dann werden nur noch Nutzer der veralteten Versionen mit einer nicht korrekten Darstellung solcher Seiten leben müssen.

Zum Vergleich hier noch ein Screenshot der Seite im Explorer 5.5, aber bei 800x600 Pixeln: