So funktioniert der IE 6+ wie ein vernünftiger Browser

25. Februar 2010 . von Barbara Frolik . 8 Kommentare
Browser, Webdesign

Wer regelmässig Internet-Projekte umsetzt, kennt das Problem: Viele moderne Technologien funktionieren im Internet Explorer 6 nicht richtig. Die korrekte Darstellung von transparenten PNG-Bildern ist nur ein Beispiel. Aber auch die nächst höheren IE-Versionen haben ihre Tücken. Firefox, Safari, Opera & Co. stellen alles richtig dar, während der IE Zicken macht. Bei eigenen Projekten ist das einfach nur nervig. Kunden-Webseiten müssen oft auch im veralteten IE 6 richtig funktionieren.

Dieses Problem lässt sich jedoch erstaunlich leicht beheben, wenn man einen einfachen Trick kennt. Hier erfährst du, wie das geht.

IE-Probleme beheben mit IE9.js & Co.

Mit einer einfachen JavaScript-Lösung kannst du ältere Versionen des Internet Explorers dazu bringen, sich wie ein moderner Browser zu verhalten. Das Script löst viele HTML- und CSS-Probleme und ermöglicht eine korrekte Darstellung von transparenten PNGs.

Kopiere einfach den folgenden Code und füge ihn in den Kopfbereich deiner Website ein:

1
2
3

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE9.js"></script>
<![endif]-->

Die aktuelle Version des Codes findest du auch hier:
» IE9.js

Transparente PNGs richtig darstellen

Sobald du den Code eingefügt hast, sind die meisten IE-Probleme gelöst. Nur transparente PNGs werden noch nicht automatisch richtig angezeigt. Damit der IE 6 sie einwandfrei darstellen kann, musst du die Namen deiner transparenten PNGs anpassen. Und zwar so:

Vorher: bild.png
Nachher: bild-trans.png

Nur Bilder mit dem Anhängsel «-trans.png» kann der IE 6 richtig interpretieren.

Weitere Infos

Wenn du noch mehr zu diesem Thema erfahren möchtest, schaust du am besten hier vorbei:
» code.google.com

8 Kommentare

Wolfgang Wagner sagt am 25. Februar 2010
Ein interessanter Tipp, aber lohn sich der “Aufwand” denn wirklich?
Ich persönlich behandle den IE6 nur noch sehr stiefmütterlich, ich teste nur, ob die Navigation funktioniert und man die Inhalte lesen kann, alles andere interessiert mich eigentlich gar nicht mehr. R.I.P., IE6 ;-)
Barbara sagt am 25. Februar 2010
@Wolfgang: Vielen Dank für deinen Kommentar. Bei privaten Projekten berücksichtige ich den IE 6 schon lange nicht mehr. Aber bei Kundenprojekten geht es manchmal nicht anders.
Mit dem hier beschriebenen Trick ist es allerdings ganz einfach. Man muss nur den Code kopieren und fertig. Eine Sache von zwei Minuten :)
Andreas Rauscher sagt am 25. Februar 2010
WOW
Hört sich ja super an, ob das auch so super funktioniert muss ich allerdings erst mal testen, aktuell habe ich alle meine Projekte auch für den IE6 getrimmt.

Aber beim nächsten kleinern ding teste ichs mal, hört sich ja nach einer rießen Zeitersparnis an.

Super
Barbara sagt am 25. Februar 2010
@Andreas: Ja, mit diesem Trick kann man schon sehr viel Zeit sparen. Das Script löst zwar nicht restlos alle Probleme mit dem IE 6, aber für die meisten Projekte reicht es. Einmal copy-pasten und fertig. Auch einigen Spezialitäten des IE 7 kann man so entgegenwirken.
Ellen sagt am 26. Februar 2010
Hey, dein Artikel kommt gerade wie gerufen :-) Die Lösung für transparente PNGs werde ich gleich heute mal ausprobieren. Vielen Dank für diesen tollen Tipp :-)
Barbara sagt am 26. Februar 2010
@Ellen: Schön, dass ich helfen kann :) Ich war diese Woche auch froh um dieses Script. Das mit den transparenten PNGs habe ich übrigens bei Magalis Website umgesetzt. Funktioniert einwandfrei :)
Detlef sagt am 7. April 2010
Danke! Hat mir sehr geholfen. Und die Beschreibung ist schön kurz und treffend.
Barbara sagt am 7. April 2010
@Detlef: Vielen Dank für deinen Kommentar. Schön, dass dir das Script geholfen hat :)