Interessante und nützliche Neuerungen für die Erstellung von CSS-Layouts bringt uns CSS 3, der neue Standard für moderne Designs. Da gibt es so feine Sachen wie Internet-Fonts, runde Ecken und Spaltensatz. Wenn ich mit einer Zeile CSS 3 runde Ecken erzeuge, sieht das in Firefox, Safari, Chrome und Opera gut aus – aber der Internet Explorer 8 und alle seine Vorgänger holen mich auf den Boden der Realität zurück. Sollte ich deshalb auf die Nutzung der effizienten Rundungen per CSS 3 verzichten?
Vollständig unproblematisch ist der Einsatz nur dann, wenn alle aktuellen Browser das neue CSS korrekt interpretieren. Das wird wohl im gerade begonnenen Jahr 2010 noch nicht passiert sein. Gemessen an den Erfahrungen mit CSS 2 ist zu vermuten, dass noch mehrere Jahre ins Land gehen müssen, bis jeder aktuelle Browser das neue CSS 3 akzeptabel verarbeiten kann.
Wenn nur ein aktueller Browser die rund definierten Ecken eckig darstellt, sieht das zwar nicht so gut aus, aber es ist auch kein großes Problem. Ganz anders ist das schon bei Funktionen, die mehr Auswirkungen auf Darstellung und Layout haben. Wenn ich da an den Spaltensatz denke…
Erste Funktionen wie das CSS3 – Box-Sizing werden schon von allen aktuellen Browsern unterstützt, und mit der Version 9.0 des Microsoft-Browsers Internet Explorer, die im Laufe dieses Jahres erscheint, sind dann endlich auch mit dem Microsoft-Browser runde Ecken per CSS möglich.
Aktuell wird CSS 3.0 am besten von Safari (99%), Chrome (93%), Firefox (78%) und Opera (72%) unterstützt, das Schlusslicht bildet Microsofts Internet Explorer mit 10%, wo der größte Nachholbedarf besteht.
Besonders problematisch sind beim Einsatz von CSS 3 aber nicht die aktuellen, sondern die älteren Versionen der Browser, die ja nicht mit dem Erscheinen neuerer Releases verschwinden. Für CSS 3-Funktionen wie 3D-Transformationen zum Beispiel wird man abwarten müssen, bis alle aktuellen Browser-Versionen außer Safari ausgelaufen sind, das kann gut noch einige Jahre dauern.
Abhilfe kann bis dahin leider nur die gute alte Browserweiche schaffen.