CSS-Hacks für den Mac – Browserweichen für Safari, iCab und IE5/Mac

David Bongard

18. Mai 2007

Seit iPod, MacBook & Co wächst die Zahl der Apple-Fans wieder stetig. Steve Jobs Firma scheint es endlich geschafft zu haben, das Loser-Image und damit die schlechten Verkaufszahlen der letzten Jahre hinter sich zu lassen.

Im vierten Teil der Reihe Browserweichen & CSS-Hacks stelle ich einige CSS-Techniken speziell für die Mac-Browser Safari, iCab und IE5/Mac vor.

Safari CSS-Hack (Pound Safari Post Semicolon hack)

Seit OS X 10.3 Panther ersetzt Apples hauseigener Browser Safari den vorher mitgelieferten Internet Explorer 5 als Standardbrowser. Im aktuellen OS X 10.4 Tiger gehört der neuere Safari 2.0 zum Lieferumfang.

Durch die Notation eines Rautezeichens hinter dem Semicolon wird die entsprechende Regel und alle nachfolgenden CSS-Regeln von Safari ignoriert. Es bietet sich also an, den sogenannten Pound Safari Post Semicolon hack am Ende des Stylesheets zu verwenden.

iCab - Type Entity CSS-Hack

iCab ist ein alternativer Browser für den Mac von Alexander Causs (www.icab.de/). Mit dem Type Entity Hack kann verhindert werden, dass Stylesheet-Dateien von iCab gelesen werden.

Im zweiten Link-Tag wurde ein Zeichen gegen ein numerisches HTML-Entity ausgetauscht, was die Interpretation durch iCab verhindert.

CSS-Hacks für IE5/Mac

Der IE5 war der letzte Internet-Explorer, der für Mac produziert wurde und unterscheidet sich im CSS-Rendering teils stark vom Internet Explorer auf Windows. IE/Mac ist heute nur noch sehr selten in Verwendung. Der Vollständigkeit halber möchte ich die wichtigsten CSS-Hacks für IE5/Mac trotzdem kurz vorstellen.

Nur für IE5/Mac

Die Selektor-Kombination *>html wird nur von IE5/Mac verstanden. Wichtig ist, dass man zwischen universellem (*) und Kind-Selektor kein Leerzeichen lässt.