Vergleich der Rendering-Engines

Hier siehst du anhand von Bildern, welche Unterschiede es bei der Darstellung dieser Seite gibt. Zugegebener Maßen, bekommt der IE hier ein zusätzliches Stylesheet, sowie etwas Firefox-Werbung oben drauf. Aber ohne diese Dinge, würde die Seite dort noch schlechter aussehen.

Anzeige im Internet Explorer:

Hier ein Bild der Startseite im Internet-Explorer 6. Zum Vergrößern, um das Bild zu vergrößern, kannst du einfach auf das Bild klicken

Im Firefox sieht's dagegen so aus:

(Das Bild zeigt nur die Standardkonfiguration. Mit Firefox / Opera kannst du selbst entscheiden, wie die Webseite aussehen soll; Firefox ist auf dem Bild nicht im Originalzustand, was aber nichts mit der Seitendarstellung zu tun hat)

Erläuterung

info Da es viele als Anstrengung für die Augen empfinden, wenn die Seite zu breit wird, habe ich eine max-width festgelegt. Passend dazu natürlich auch einen kleinen Abstand nach oben, der in % angegeben ist. (Wer im Firefox die volle Breite will, kann dies aber auch über den Button „volle Breite“ regeln.) Da der IE aber max-width nicht beherrscht, habe ich für diesen Browser noch ein paar Korrekturen vorgenommen, damit die Seite keinen unnötigen Rand hat.
Leider ist max-width nicht die einzige Eigenschaft, die der IE nicht unterstützt. Auch PNG-Bilder werden nicht korrekt angezeigt. Der IE kennt nämlich keine Alpha-Transparenz. Da diese Webseiten aber erst so richtig flexibel und schön macht, wollte ich darauf nicht verzichten. Und das ist noch nicht alles! Auch im Drucklayout gibt es Probleme. So werden im IE die Link-Ziele nicht angezeigt. Bei einem Druck-Layout kann man ja bekanntlich nicht auf Links klicken...
Aus lauter Wut über den IE musste ich dann einfach die Firefox-Werbung (die nur im IE angezeigt wird) einbauen ;-)