CSS einfach erklärt

In den letzten Wochen bin ich mehrfach gefragt worden, wann Microsoft denn endlich den Support für den Internet Explorer 6 einstellen würde. Nicht nur aus der Sicht eines Webdesigners ist diese Frage berechtigt, bedenkt man das die Software bereits im Jahre 2001 veröffentlicht wurde. Die Antwort ist leider bitter: Im IEBlog war vor einiger Zeit zu lesen, dass Microsoft den Support für den IE6 analog zum Support des zugehörigen Betriebssystems Windows XP aufrechterhalten wird. Und die Unterstützung für XP wird nach jetzigem Kenntnisstand bis in den April 2014 reichen. Erst danach wird das Betriebssystem verschwinden, und mit ihm der IE6. Im Ergebnis werden sich zumindest kommerzielle Webentwickler noch einige Jahre mit zahlreichen Bugs und mangelhafter CSS-Unterstützung rumärgern dürfen. Die berühmten IE6-Sonderschichten werden uns also noch einige Zeit erhalten bleiben.

Update:

Im Windows-Blog hat Microsoft bekannt gegeben, die Downgrade-Rechte für Windows XP Professional auszudehnen — und zwar auf dem gesamten Produktlebenszyklus von Windows 7. Zwar soll der inkludierte Support wie geplant im Jahre 2014 auslaufen, optional wird aber darüber hinaus die Möglichkeit geben, eine individuelle Support-Vereinbarung abzuschließen. Im Geschäftsbereich ist insofern mit einem Einsatz von XP auf unbestimmte Zeit zu rechnen.

Eine tabellarische Übersicht über die CSS-Unterschiede in den Internet Explorer Versionen 6, 7 und 8 bietet die Website von TutorialFeed. Einsteigern hilft die Übersicht ein Gefühl für Unterstützung der einzelnen IE-Versionen zu entwickeln, fortgeschrittene können es als Nachschlagewerk einsetzen. Leider hat sich in der Tabelle ein kleiner Fehler eingeschlichen, auf den im ersten Kommentar hingewiesen wird. Trotzdem eine schöne Idee, die auf jeden Fall ein Lesezeichen wert ist.

Optisch nicht so ansprechend, aber dennoch sehr empfehlenswert ist der Artikel “CSS Compatibility and Internet Explorer” des Microsoft Developer Networks. Auch dort wird aufgelistet, welche Regeln die Verschiedenen IE-Versionen bei CSS 2.1 und CSS 3 unterstützen.

Speziell für den Internet Explorer 8 sollten Sie zusätzlich als Ergänzung eine Liste heranziehen, in der sämtliche bekannte Darstellungsfehler (CSS, HTML, DOM, und Javascript) aufgeführt sind. Die Probleme sind exzellent nachvollziehbar, da für jeden Fehler eine Demonstrations-Seite sowie das bei Microsoft aufgeschlagene Problem-Ticket verlinkt ist.

Wer seine Website in verschiedenen Versionen des Internet Explorers testen möchte, hat stets ein Problem: Die parallele Installation mehrerer Versionen ist von Hause aus nicht möglich. Eine einfache und kostenfreie Lösung ist die Nutzung einer sogenannten “virtuellen Maschine“. Eine virtuelle Maschine ist ein Programm, das eine virtuelle PC-Umgebung (Hardware, Betriebssystem, Programme) simuliert. Ein Beispiel: Sie haben auf Ihrem PC Windows Vista installiert und möchten den Internet Explorer 6 unter Windows XP testen. Jetzt starten Sie die virtuelle Maschine, ein Programmfenster öffnet sich, und in diesem Fenster startet Windows XP inklusive Internet Explorer 6. Eigentlich benötigt man für ein kommerzielles Betriebssystem wie Windows für jeden simulierten PC eine gültige Lizenz. Microsoft bietet allerdings vorlizenzierte Betriebssysteme (Images) an, die Sie legal und kostenlos nutzen können.

Mehr lesen … »

Nach wie vor gibt es viele Websites, auf denen die Kompatibilität für den Internet Explorer 6 sichergestellt werden soll. Zumindest bei kommerziellen Projekten ist diese Vorgabe verständlich, da immer noch ein gewisser Anteil der User mit dem IE6 im Web unterwegs ist (vgl. die Auswertungen diverser Statistikdienste). Leider interpretiert der IE6 zahlreiche Webstandards sehr eigenwillig und verursacht beim Testen immer wieder zeitaufwendige Recherchen nach der Problemlösung. Doch das muss nicht sein: Eine schöne Übersicht über die gängigsten Probleme inklusive der jeweiligen Lösungen findet sich bei Virtuosi Media. Mehr lesen … »

Verschiedene virtualisierte Browser zum Download stellt Spoon auf ihrer Website bereit, die in ausführbare *.exe-Dateien verpackt sind. Somit kann man die Darstellung seines Webprojektes ohne Installationsaufwand in dem jeweiligen Browser vergleichen. Lediglich die einmalige Installation einer Datei ist notwendig. Danach wählt man auf der Homepage von Spoon einfach den gewünschten Browser mit einem Klick aus. Jeder Browser startet in einer eigenen Sandbox, sodass sich sogar verschiedene IE-Versionen parallel ausführen lassen.