IE 7.0 und CSS
Um der Diskussion um den IE noch etwas Würze hinzuzufügen: Offensichtlich gibt’s immer noch keine Unterstützung von :before- und :after-Pseudo-Elementen. Ich habe den IE 7 zwar nicht installiert, aber meine Tests via Browsershots.org veranschaulichen das recht gut. In der Originalfassung wie auch in der modifizierten Variante werden Conditional Comments eingesetzt, um eine Breadcrumb-Navigation via Hintergrund-Bild mittels IE realisieren zu können.
Im ersten Durchgang habe ich die Startseite meiner neuen Website getestet.
Ergebnis: Wie erwartet gab es bei den lokal installierten Browsern (Firefox 1.0.8, IE 5.5 SP2 und Opera 8.53) ergaben sich keine Probleme. Ebensowenig wie mit den von Browsershots.org verwendeten Konqueror 3.3 (Linux Debian, i686) und Internet Explorer 6.0 (Windows XP SP2) – URL dazu: http://browsershots.org/website/1020508/
Zweiter Durchgang: Eine Unterseite (Portfolio » Artikel) wurde getestet. Hier kommt die Breadcrumb-Navigation zum Einsatz – ergo besteht die einleitend erwähnte Problematik, welche mit der ebenfalls dort genannten Technik gelöst wird.
Ergebnis: Wie sich zeigt, klappt es im IE 7 nicht so dufte – ergo nix mit :before und :after! Alle anderen Browser ‘perform as expected’: http://browsershots.org/website/1017542/
Durchgang #3: Jetzt habe ich die Conditional Comments im Header-File verändert – von if IE lte 6 (wenn IE kleiner gleich Version 6) auf if IE (wenn IE), d.h. also egal welcher Internet Explorer vorbeitrudelt, sei es 5.0 oder 7 beta, alles innerhalb der CCs wird von selbigem Browser ausgeführt. Getestet wurde wieder eine Unterseite, in diesem Fall Portfolio » Designstudien
Ergebnis: Wie erwartet – und erhofft – spuckt der IE 7 eine saubere Breadcrumb-Navigation aus. URL für die restlichen Ergebnisse: http://browsershots.org/website/1020477/
ps: die Darstellung des Headers im IE ist übrigens so gewollt – nicht etwa ein Designfehler 