Browserweichen & CSS-Hacks - Einleitung
“Diese Seite wurde optimiert für IE 6 und eine Bildschirmauflösung von 1024×768″.
Haben Sie auch schon oft Sätze wie diesen gelesen?
Sollten Sie die betreffende Seite mit einem anderen Browser und vielleicht sogar einer anderen Auflösung besucht haben, war dieser Satz vielleicht das Einzige, was ihnen vom Inhalt der Seite im Gedächtnis geblieben ist.
Manchmal ist es eben nur eine Frage des verwendeten Browsers, die den Unterschied zwischen gutem und schlechtem Webdesign ausmacht…
Sieht man den Fakten der heutigen Browserlandschaft ins Auge, muss man festhalten:
- Die vom W3C verabschiedeten Web Standards wurden von vielen Browserherstellern unvollständig und fehlerhaft umgesetzt.
- Die CSS-Interpretation unterscheidet sich meist auch von Browserversion zu Browserversion.
- Die Internet-Explorer Reihe von Microsoft macht besonders große Probleme bei der CSS-Darstellung.
Sich in dieser Situation auf einen “Lieblingsbrowser” festzulegen und die Vielfalt der real verwendeten Browser zu ignorieren ist natürlich weit entfernt von professionellem Webdesign. Die Gestaltung von Websites muss sich am Nutzer orientieren und nicht an der Bequemlichkeit der Webdesigner.
Wir können uns noch so oft wünschen, dass der legendäre Browserkrieg der 90er-Jahre anders ausgegangen wäre, an der Realität ändert dies nichts.
Durch das zunehmende erstarken alternativer Browser, wie z.B. Firefox und Opera, ist es gerade jetzt an der Zeit auf die feinen Unterschiede einzugehen und den Surfern die freie Wahl zwischen dem Markführer Internet Explorer und seinen Alternativen unter gleichen Bedingungen zu ermöglichen.
In einer mehrteiligen Reihe zu Browserweichen und CSS-Hacks möchte ich auf Möglichkeiten der Browserunterscheidung und die Vor- und Nachteile der verschiedenen Techniken eingehen.
Ich werde Fragen nach besseren oder schlechteren Browsern dabei gezielt vermeiden und mich dem widmen, was ich für viel entscheidender halte: Techniken, um Websites schnell und einfach Cross-Browser-Fähig zu machen.
Folgende Artikel zu Browserweichen sind bereits erschienen:
- Browserweiche für Internet Explorer mit Conditional Comments
- Mit den CSS-Hacks Star-HTML und Stern-plus-HTML Internet Explorer 6 und 7 unterscheiden
- Tan-Hack und Tantek-Hack gegen Box-Modell-Fehler in IE 5.x
- CSS-Hacks für den Mac: Safari, iCab, IE5/Mac
Weitere Beiträge, die dich interessieren könnten:
Kommentare
[…] 6 und 7 mit CSS unterscheiden können, beschäftigen wir uns im dritten Teil der Reihe Browserweichen & CSS-Hacks mit einer noch früheren […]
[…] vierten Teil der Reihe Browserweichen & CSS-Hacks stelle ich einige CSS-Techniken speziell für die Mac-Browser Safari, iCab und IE5/Mac […]
[…] dritten Teil der Reihe geht es um Browserunterscheidung mit dem Star-HTML-Hack und seinem “jüngeren […]