08.01.05Dem IE5 Mac das Stylen verbieten

Er wird kaum noch genutzt, wird er genutzt zerschießt er reihenweise Designs. Ja ich weiß, er war der Held der ersten Stunden. Er war es, der als erstes die perfekte CSS-Unterstützung bot. Für CSS Level 1. Aber die Zeiten sind vorbei, der Browser hat sich nicht weiterentwickelt wurde nicht weiterentwickelt, die Unterstützung für CSS Version 2 lässt dadurch sehr zu wünschen übrig. Deshalb ist es Zeit, ihn zu verabschieden - Time to say goodbye IE5/MAC!
Es gibt nicht erst seit heute bessere Alternativen für die Mac-User. Safari, Mozilla, Firefox, Camino, Opera etc. Um die Styles vor dem MacExplorer zu verstecken, werde ich die Methode verwenden, die den Umstand nutzt, dass der IE5/Mac mit “@media screen” nicht zurecht kommt. Hoffe ich doch, da ich es leider nicht testen kann. Den kompletten Artikel dazu gibt es bei Ordered List . Alle Seiten werden nachwievor mit diesem Dino voll funktionsfähig bleiben, eben nur ohne Design, aber dennoch gut strukturiert. Das ist immer noch besser, als zerschossene Layouts, die ein Zurechtfinden extrem erschweren können.

CSS vor IE5/Mac verstecken

Hierzu wird in der CSS-Datei folgendes eingefügt:

      @media screen, projection {
        Hier den Inhalt des Stylesheets
      }

Alles was in diesem Bereich angegeben ist, kann er nicht verarbeiten. Also im Extremfall - den ich bevorzuge - das komplette Stylesheet. Auf diese Weise können auch nur abgegrenzte Bereiche versteckt werden. [EDIT 12.01.]Die Media-Angabe “projection” braucht der Opera. Denn ohne diese werden im Vollbildmodus auch vor ihm die Styles versteckt.[/EDIT]

Im Artikel bei Ordered List wird auch gezeigt, wie es möglich ist Styles, die nur für IE5-Mac gedacht sind, vor allen anderen zu verstecken. Aber diese Möglichkeit vergisst man am besten ganz schnell wieder (Bitte hier her schauen: &%$”§$&%&%* geblitzdingst!). ;)

[EDIT 09.01.]Leider wirkt sich diese Aussperrung, wie ich gerade feststellen musste, auch auf das Druckbild der Seiten aus. Daher werde ich dann doch noch ein gesondertes Print Stylesheet anlegen müssen.[/EDIT]

[EDIT 12.01.][EDIT 11.01.]Und noch ein Problem. Schaltet man im Opera auf Vollbilddarstellung der Website, dann kann auch er nichts mehr mit dem Stylesheet anfangen. Das ist wiederum extrem mysteriös. Also doch nicht so ganz einfach.[/EDIT][/EDIT]

Mich würde weiter interessieren, wie sich eine solche Änderung auf mobile Geräte auswirkt. Ob die Browser dieser Geräte weiter mit den Stylesheets zurecht kommen. Denn abgesehen davon bezweifle ich, dass meine Seiten auf solchen Geräten angenehm dargestellt werden. Aber das ist wieder ein anderes Thema, dem ich mich vor dem nächsten Re-Design widmen werde.

Es sind mittlerweile ganz essentielle Dinge, die aus dem Webdesign nicht mehr wegzudenken sind. Dinge von denen man erwartet könnte, dass ein Browser damit umgehen kann, ohne größere Probleme zu bereiten. Und tut er dies nicht, dann ist eben die Zeit zum Wechsel gekommen. Man kann nicht bis in alle Ewigkeit rückwärtskompatibel entwickeln. Das ist ja auch in der Softwarebranche der Fall.

Hier hat der IE5 Mac die meisten Probleme

  • Massive Probleme bei vertical-align
  • Block Elemente haben falsche Breiten und erzeugen u.U. horizontale Scrollbalken
  • overflow
  • Bugs bei float und clear

Dazu kommen eine Reihe weiterer CSS-Eigenschaften, die zwar in den Griff zu bekommen sind, die Arbeit aber dennoch erheblich erschweren.

Weiter machten sich gegen eine weitere Rundumunterstützung für den IE5/Mac folgende Beiträge stark:

Bookmarks

Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • DotNetKicks
  • Furl
  • MisterWong
  • NewsVine
  • Spurl
  • Technorati

Mitreden? Dann schreibe einen Kommentar!

* = Pfichtfelder

Markup Webdesign Blog

Markup ist das Blog von Björn Seibert. Mehr
Impressum | Kontakt

Feed abonnieren