CSS: Browserweiche
Jeder Webentwickler kennt das Problem: Valide programmiert, doch verschiedene Versionen des Internet-Explorers und ältere Browser wie der Netscape 4, stellen das Layout teilweise anders dar als z.B. der standardkonforme Firefox. Hier hilft meist nur der Einsatz einer Browserweiche, die einem bestimmten Browser ein spezielles Stylesheet zuweist. Das Stylesheet enthält nur die Eigenschaften die der “Problem-Browser” auch versteht. Es gibt jedoch auch die Möglichkeit bestimmte Browser komplett auszuschließen, das trifft recht oft auf Browser wie den Netscape 4.x oder den IE 4.x auf Grund ihrer schlechten CSS Unterstützung zu. Insofern die Anzahl der Besucher einer Website die diese Browser noch nutzen recht hoch ist, sollte allerdings auch hier ein separates Stylesheet eingebaut werden. Die Browserweiche wird im Head-Bereich der Site eingefügt und nur von dem gezielt angesprochenen Browsers interpretiert. Hierzu gibt es verschiedenen Möglichkeiten, beginnen wir mit dem zuweisen von Styles für die verschiedenen IE Versionen:
Allgemein
! Ausschließend
lt Kleiner als
lte Kleiner als oder gleich
gt Größer als
gte Größer als oder gleich
Das spezielle Stylesheet kann über eine externe Datei geladen werden:
Das spezielle Stylesheet kann aber auch direkt mit in die Browserweiche geschrieben werden:
.header { height: 169px; width: 938px; background-image:url(bild.jpg); }
< /style >< ![endif]–>
Weitere Lösungsmöglichkeiten, wie z.B.: Attributabhängige Selektoren und Conditional Comments, stelle ich in einem der kommenden Tutorials vor.
Verwandte Artikel:
» Google Analytics für Einsteiger – Teil 3 – ECommerce Tracking
» Google Analytics für Einsteiger - Teil 2 - Die API
» Google Analytics für Einsteiger
» E-Commerce iPhone Apps
» Twitter für Anfänger - Die 5 ersten Schritte


Francis Collis

