Hinweise und Richtlinien für die Unterstützung des IE6

Question

Gibt es gute Hinweise und Richtlinien, an die man denken sollte, wenn man Websites entwickelt, die Internet Explorer 6 unterstützen müssen?

Ich bin nicht auf der Suche nach Erklärungen für die vielen Fehler, die wir inzwischen alle kennen. Ich brauche ein paar allgemeine Informationen, z.B. über Elemente, die man für bestimmte Aufgaben bevorzugen sollte, Dinge, die im IE6 einfach nicht funktionieren, CSS-Tipps, usw.

Answer 1

Hier sind die wichtigsten, die mir im Moment einfallen:

• Keine Unterstützung von alphatransparenten PNGs
• Keine Hover-Zustände außer für die <a > Tag
• CSS-Floats verhalten sich unerwartet.
• Max/Min Breite/Höhe kann nicht verwendet werden.
• Der Konflikt mit dem Box-Modell (Padding wird nicht zur Breite der Elemente hinzugefügt).
• verdoppelt manchmal die Margen.
• IE6 unterstützt die Position nicht: behoben.

...und ich fange an, depressiv zu werden, also höre ich hier auf.

Answer 2

Ich bin in der glücklichen Lage, dass ich den IE6 nicht mehr unterstützen muss. Aber es ist noch nicht lange her, also haben Sie mein Mitgefühl.

1. Aller à Quirksmode.org . Dies ist eine ausgezeichnete Quelle, um herauszufinden, welche Funktionen die verschiedenen Browser unterstützen. (Wenn Sie das viele Rot in der IE6-Spalte sehen, werden Sie allerdings deprimiert sein!)

2. Wenn Sie vorhaben, überhaupt Skripte zu erstellen, sollten Sie jQuery verwenden, anstatt mit einfachem Javascript zu arbeiten: jQuery unternimmt erhebliche Anstrengungen, um browserübergreifend kompatibel zu sein, sogar mit IE6. Es ist nicht 100%, aber es macht eine ziemlich gute gehen auf sie, und geben Ihnen Funktionen, die sonst völlig unmöglich in IE6 sein.

3. Die folgenden Tools werden Ihnen das Leben erleichtern:

   • Dean Edwards' ie7.js - eine JS-Bibliothek, die darauf abzielt, den IE6 kompatibler mit den Standards zu machen (er hat auch "ie8.js" und "ie9.js" geschrieben, die die ursprüngliche ie7.js erweitern, um weitere Funktionen hinzuzufügen, die in verschiedenen Versionen des IE fehlen)
   • Modernizr - eine JS/CSS-Bibliothek, die Ihnen dabei helfen soll, Inkompatibilitäten in alten Browsern zu umgehen.
   • IEPNGHack - ermöglicht es Ihnen, PNG-Grafiken mit Transparenz im IE6 zu verwenden.
   • Was auch immer:Hover - ermöglicht Ihnen die Verwendung der :hover CSS-Stil mit jedem Elementtyp (IE6 erlaubt normalerweise nur :hover para <a> Tags).
   • CSS3Pie - eine Bibliothek, die den IE6/7/8 mit modernen CSS3-Funktionen ausstattet, einschließlich Rahmenradius.

Es gibt wahrscheinlich noch mehr, aber das sollte ein Anfang sein.

Eines sollten Sie Ihrem Arbeitgeber jedoch klar machen: Solange er auf der Verwendung oder Unterstützung des IE6 besteht, können Sie keine moderne Website mit vielen Funktionen erstellen. Selbst mit all diesen Hacks sind der Qualität Ihrer Website Grenzen gesetzt. Außerdem wird sie langsam sein: Der IE6 ist in den besten Zeiten schmerzhaft langsam, und all diese Hacks machen ihn nur noch langsamer.

Ich wünsche Ihnen viel Glück.

Answer 3

Auch wenn es sich für diejenigen, die sich nicht mit der Realität auseinandersetzen müssen, ganz nett und einfach anhört, einfach zu sagen: "Unterstützt den IE6 nicht", so ist es doch eine Tatsache, dass viele Webentwickler/Designer einfach keinerlei Kontrolle über diese Entscheidung.

Das Ideal wäre natürlich "keine Unterstützung von ie6".

Wenn Sie es unterstützen müssen, hängt es davon ab, warum Sie es unterstützen müssen. Ist es, weil Ihre Webanwendung für ein Unternehmen ist, das viele IE6-Installationen hat, von denen es weiß, dass sie in absehbarer Zeit nicht aktualisiert werden, oder ist es nur für einen Kunden, der "Unterstützung" für jeden möglichen Benutzer da draußen aufrechterhalten möchte? Oder ist es etwas dazwischen?

Im Allgemeinen strebe ich beim IE6 ein "funktionales, nicht total hässliches, aber sicherlich nicht pixelperfektes" Erscheinungsbild an. Ich verwende IETester, um alle IE-Versionen zu überprüfen (es gibt viele Unterschiede zwischen IE7 und IE8), also beziehe ich auch den IE6 mit ein und kümmere mich nur darum, dass die Dinge für diese Versionen möglichst funktional aussehen.

Für meine Kunden war das ausreichend. Einige haben sich nach der Unterstützung des IE6 erkundigt, und ich konnte ihnen zeigen, dass 1) die Zahl der allgemeinen Internetnutzer, die ihn noch verwenden, gering ist relativ und 2) diese Nutzer sehen wahrscheinlich ohnehin so viele Fehler überall im Web, dass sie sie wahrscheinlich nicht mehr bemerken. Ich weiß, dass Nr. 2 wahrscheinlich extrem abwertend klingt, aber ich habe viele anekdotische Beweise, die das bestätigen.

Der Grundgedanke ist: Wie viel Zeit wollen Sie wirklich damit verbringen, eine Website für einen alten, seit langem nicht mehr unterstützten Browser zu optimieren, dessen Nutzung jeden Tag weiter zurückgeht, wenn Sie die Website einfach nur akzeptabel funktional gestalten und den Rest Ihrer Zeit moderneren Browsern widmen könnten?

Aber auch hier hängt es davon ab, wie wichtig die Unterstützung des IE6 für Ihre Mitarbeiter ist und warum sie für sie so wichtig ist.

aber auf jeden Fall ist IETester eine eindeutige Empfehlung zum Testen: http://www.my-debugbar.com/wiki/IETester/HomePage

Answer 4

Sie sind arm dran, weil Sie den IE6 unterstützen müssen, das kennen wir wohl alle...

Leider kann ich Ihnen außer dem KISS-Prinzip (keep it simple stupid) keine allgemeinen Leitlinien nennen. Halten Sie sich einfach an CSS 2.1 und verwenden Sie keine ausgefallenen neuen Technologien wie HTML5. Denken Sie auch nicht daran, irgendwelche speziellen CSS-Selektoren zu verwenden wie blabla > blabla .

Ich möchte Sie auf einige Websites verweisen, die Ihnen bei Ihrem Vorhaben helfen könnten:

• CSS-Inhalte und Browserkompatibilität (guter Überblick darüber, was man mit CSS tun und lassen sollte)
• ie6fixer (Sie WOLLEN tatsächlich Opazität, transparente png's verwenden? dieses Tool wird Ihnen helfen)
• universal-ie6-css (guter Ausgangspunkt für Ihr eigenes Css)
• Ultimatives IE6 Cheatsheet: So beheben Sie 25+ Internet Explorer 6 Fehler (Behebung von Mängeln auf manuelle Weise)

Zum Testen empfehle ich die Einrichtung einer kleinen virtuellen Maschine (ich empfehle Windows XP), auf der IE6 läuft. Testtools wie IETester verwenden zwar die Engine des jeweiligen Browsers, aber ich habe Unterschiede zwischen einem vollwertigen IE6 und den IETester-Tools festgestellt. ach ja, es gibt auch eine sofortige Virtualisierung mit Spoon.net Browser-Sandboxen (Sie mussten den IE entfernen, weil MS es so wollte...).