Keine IE CSS HACKs mehr

Irgendwann ist es soweit, man muss sich nur noch mit IE Optimierungen beschäftigen und fängt an die speziellen Browser Hacks anzuwenden. Im Endeffekt erhält man am Ende schwer durchschau- und pflegbares CSS und da manche Browserhacks über verschiedene Browser Versionen gültig sind oder der IE8 einem Nutzer vorschlägt in den Kompatibilitätsmodus zu wechseln, ist das alles unoptimal. Abgesehen von der fehlenden Möglichkeit valides CSS zu erstellen.

Die Alternative mittels Conditional Comments CSS Dateien einzubinden finde ich persönlich auch unoptimal, einerseits finde ich den zweiten GET Aufruf für die extra CSS Datei überflüssig und anderseits finde ich es besser innerhalb einer CSS alles zu stylen und wenn möglich auf die Ausnahmen einzugehen.

weiterlesen

Letzte Station: CSS Hacks

Webdesigner lieben Standards, denn Standards machen das Leben einfacher. Man schreibt XHTML, validiert es und ist glücklich. Man installiert sich die Wave Toolbar, testet seine Seiten und ist wieder glücklich. Man schreibt CSS, validiert es und ist glücklich!

Bei all dem Glück hat man bis zu dieser Stelle wahrscheinlich vergessen die Kombination von XHTML und CSS in verschiedenen Browsern anzuschauen.

Bei der „CrossBrowserKompatibilität“ gibt es nämlich verschiedene Schwierigkeitsgrade:

– leicht: man erstelle eine Seite die ungefähr gleich im FF3, IE7 und Webkit Browsern aussieht.

– mittel: man erstelle eine Seite nach einer Vorlage und diese soll im FF3, IE7 und Webkit Browsern nahezu gleich aussehen.

– schwer: man erstelle eine Seite nach einer Vorlage und diese soll im FF2, FF3, IE6, IE7 und Webkit Browsern nahezu gleich aussehen.

Die Schwierigkeitsgrade „leicht“ und „mittel“ lassen sich mit validem CSS und vielleicht noch „Conditional Comments“ erledigen, aber bei „schwer“ muss man dann doch mal zu „Tricks“ greifen.

Bei beliebig komplexen Designs überschreitet man die Grenze des erfahrbaren und taucht ein, in eine Welt der Bugs und Features von Browsern. Der IE6 hat ja seine eigene Liga erfunden und es macht beinahe wieder Spaß sich um seine Fehler zu kümmern. Auf einmal wiederholt er Buchstaben ohne sichtbaren Grund, kann Listen nicht vernünftig darstellen und baut auch sonst viel Darstellungsfehler. Manche sind mit geschicktem Umstellen des HTML zu beheben, andere müssen mit der Brechstange gelöst werden.

Für die IE Problematik kalkuliert man ja schon extra Zeit ein und schickt die Rechnung dann an Microsoft.

Aber auch andere Browser haben ihre Eigenarten und auf einmal schlägt man sich mit auf- und abrund Fehlern umher. Browser A rundet so bei em Angaben, Browser B auf und der nächste wieder anders. Und am Ende hat man eine Seite die auf IEs und FFs gut aussieht und dann im Safari nicht richtig dargestellt wird…

Und in diesem Fall sind CSS Hacks eine gute Sache, mit einer kleinen Zeile im CSS kann man den Firefox 2 auf die richtige Größe schicken, dem IE7 noch den letzten Schliff geben und auch dem Safari noch was gutes tun.

Alles was man braucht? Steht hier: http://blog.ginader.de/archives/2009/02/01/CSS-Voodoo-Die-dunke-Kunst-der-CSS-Hacks.php

Ich will hier noch ein Stück NOFX zitieren (leicht abgeändert): „Hacks are good, they let you do things that you know you not should.“