Altes Lied, altes Leid... Dave Shea, ein wichtiger CSS-Verfechter beschreibt in seinem Artikelmezzoblue § Side-stepping IE, wie wenig sich Microsoft mit seinen neusten Browsern an Standards hält.
Und dabei wäre es so schön. Ich habe in den letzten Wochen viel mit CSS gearbeitet und bin überzeugt, daß durch die strikte Trennung von Design und Content die optische Überarbeitung bestehender Websites um einiges einfacher wird. Nicht mehr händisch dutzende bis hunderte von Seiten neu aufbauen, sondern nur eine(!) oder zwei Dateien - wunderbar.
Will ich nun das Menu links als horizontales Menu am oberen Bildschirmrand? Kein Problem - dem entsprechenden Container werden andere Werte zugewiesen, das wars. Und der Ausdruck - bislang zumeist katastrophal, was der Drucker aufs Papier brachte. Nun definiert mensch ein eigenes Stylesheet für den Ausdruck, blendet unwichtige Infromationen (wie Linkleisten, die auf dem Papier ihren Sinn verlieren) aus, wählt eine andere Schrift (Serifenschrift läßt sich auf dem Papier, Serifenlose auf dem Bildschirm besser lesen), und alle sinds zufrieden.
Treibt sich ein Besucher per PDA oder Handy auf einer Website rum - dann werden umfangreiche Bilder ausgeblendet, da sie zur Informationsvermittlung keine Rolle spielen.
Soweit die Theorie. Die Praxis sieht leider anders aus. Viele Möglichkeiten von CSS, die intelligentes Weblayout ermöglichen könnten, dürfen noch nicht angewandt werden, weil die aktuellen Browser sie immer noch nicht verstehen oder schon wieder (vergleicht den leidigen Browserkrieg von anno dazumal zwischen Netscape und Microsoft, wo beide Kontrahenten sich durch eigene standardferne Erfindungen behaupten wollten) eigene Wege gehen.
Und, wie gewohnt, setzt sich Microsoft wieder an die Spitze der Inkompatibilität. Hier ein paar Beispiele, die Shea in seinem Bericht erwähnt:
Nun ist es nicht so, daß sich IE nicht dazu überreden liesse, diese Eigenschaften anzuwenden. Aber mensch muß ihn durch lauter Hacks, codifizierte, nicht standardgemäße Umwege dazu bringen.
Und so sind wir wieder bei den alten Zeiten angekommen, wo jeder Webdesigner, der was auf sich hielt, jedem Browser eine eigene Seite, die auf seine Fähigkeiten optimiert war, servierte.
Jetzt sind es zum Glück nicht tausende von optimierten Seiten, sondern nur eine handvoll von optimierten Stylesheets, aber das sollte nicht sein. Und ganz ohne ist auch Opera nicht, kleine Ungereimtheiten und mangelhafte Umsetzung des Standards sind auch hier zu finden.
Immer diesselben Fragen. Wenn ich länger keine neue Website gebaut habe, sind mir die Links zu den im Web verfügbaren Schriften wieder aus dem Gedächnis entschwunden, und die Bookmarkliste, ja, das ist ein Kapitel für sich. Ehrlich gesagt, ich blicke langsam nicht mehr durch...
Deshalb schreib ich mirs hier mal rein. Mit dem obligatorischen Blindtext. Und höre schon wieder die Rufe - "da denkt einer mal wieder nur an die M$-Windoofs". Ihr habt ja recht.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
So einfach schmückt sich die Website von Mark Schenk Bordermania 4 mit modernen, abstrakten Kunstwerken. Hintergrund ist die ausgefeilte Nutzung der Eigenschaft "border" in der CSS-Definition einer Webseite.
Mensch sieht sie noch häufig auf Websites - Bilder, die bei Mausberührung ihre Form & Farbe ändern, um so ihre Eigenschaft als Links zu zeigen. Oft besteht ihr "inhalt" nur aus Text. Mit den Möglichkeiten der CSS-Formatierung ist dies nicht mehr nötig (s. CSS Buttons with Depress Effect, via DrWeb).
Positiver Nebeneffekt - kein JavaScript notwendig und eine reduzierte Bandbreite - die Datenmenge, die übertragen werden muss, schrumpft erheblich.