Hat IE8 Rendering Bugs wie 6 oder 7?

Alle Browser haben ihre verschiedenen Eigenheiten und kein Browser wird garantiert angezeigt oder verhält sich genauso wie ein anderer. Während W3C große Schritte unternimmt, um die Funktionalität zu erweitern, die standardisiert werden sollte, sind viele RFCs noch nicht in der Empfehlung stage , was bedeutet, dass es sich nicht mehr ändern wird und es wahrscheinlicher ist, dass es akzeptable Standards sind, auf denen man sich weiterentwickeln kann. Aus diesem Grund müssen Sie unbedingt sicherstellen, dass Ihre Website mindestens in den Browsern in Ihrer Fokusgruppe funktioniert.

Verwenden Sie zuerst reset.css oder normalize.css . Beide versuchen, demselben Ziel zu dienen (Konsistenzkorrekturen zwischen Browsern), aber jeder Angriff auf das Problem aus verschiedenen Blickwinkeln. Stellen Sie also sicher, dass Sie diejenige wählen, die am besten zu Ihnen passt. Obwohl sie nicht perfekt sind, werden sie in allen Browsern ziemlich dicht, was mehr ist, als man ohne es sagen kann.

Zweitens, schau dir QuirksMode an, um den verschiedenen Browser zu sehen Kompatibilität mit Standards (ob diese Standards in der empfohlenen Phase sind oder nicht). Hier können Sie entscheiden, welche Funktionen Sie verwenden möchten, die der Kompatibilität mit Ihrer Fokusgruppe entsprechen.

Drittens, mit Ihrer neuen Kraft einer "konsistenten" css-Basis und Wissen darüber, welche Browser was unterstützen, lesen, umarmen, predigen Sie und wenden Sie progressive Verbesserungstechniken an (siehe unten stehende Artikel). Die Kraft der progressiven Verbesserung besteht darin, zu benutzen, was funktioniert, anstatt zu versuchen, einen fetten Fuß in einen dünnen Schuh zu schuhen.

Artikel zur progressiven Erweiterung:

1. Ссылка
2. Ссылка
3. Ссылка

Installieren Sie als letztes weitere Browser, die Sie in Ihrer Fokusgruppe berücksichtigen. Dadurch können Sie ohne Frage das Aussehen auf der Seite testen.

Unter Windows empfehle ich die Installation von IE9, um den Rendermodus auf ältere IE-Versionen umzustellen. Während diese Rendering-Modi nicht perfekt sind, können sie in den meisten Fällen genauso zuverlässig sein wie das echte Ding. Wenn Sie IE9 nicht installieren können, tut es mir leid, aber zum Glück gibt IE8 Ihnen ähnliche Möglichkeiten für Rendering-Modi.

Für alles andere (oder sogar Windows, wenn Sie die echten IE-Browser anstelle der Emulation haben wollen), müssen Sie eine Windows-Instanz ausführen lassen. Es gibt viele Möglichkeiten, dies zu tun, und MS bietet sogar verschiedene Images von Instanzen speziell für Entwickler, um alte Versionen von IE testen zu können. Siehe In diesem Blogbeitrag finden Sie weitere Informationen dazu, wo Sie die von MS bereitgestellten IE6- und IE7-VPCs erhalten.

Mit diesen Tools sollten Sie mehr als nur in der Lage sein, ein Design zu entwickeln, das in 100% der Browser aussieht und funktioniert, das korrekt funktioniert. Es kann zwar ein wenig entmutigend sein, dies wird jedoch die Wahrscheinlichkeit eines Anzeige / js-bezogenen Fehlers bei der Veröffentlichung stark reduzieren.

Ja, IE 8 hat immer noch einige Rendering-Fehler. Die meisten von ihnen sind behoben, aber ich denke, dass diese zum Beispiel immer noch da sind:

• Das Attribut text-align wird auf Blockelemente und nicht nur auf Inline-Elemente angewendet.

• Der Inhalt von Elementen ist immer noch ein Zeichen hoch, auch wenn kein Inhalt vorhanden ist.

Natürlich hängt es auch davon ab, welchen Doctyp Sie verwenden. Ohne einen korrekten Doctype rendert die Seite im Quirks-Modus, was den Browser ziemlich zurück zu IE 4 wirft.

Wenn Sie verschiedene Stylesheets für verschiedene Browser- / Versionskombinationen verwenden, benötigen Sie eine andere. IE 8 verhält sich nicht genau wie jeder andere Browser oder IE-Version. Ich verwende immer ein einzelnes Stylesheet für alle Browser, und ich musste keinerlei Änderungen daran vornehmen, damit es für IE 8 funktioniert.

Erweitern Sie die Antworten von @ Kevin und @ James um eine weitere gute Ressource: Browser Shots , um Screenshots Ihrer Website auf verschiedenen Browsern und Plattformen zu erhalten . Sehr nützlich zum Testen von Browsern / Versionen, auf die Sie keinen Zugriff haben, insbesondere für knifflige CSS-Layouts.

Ich habe es verwendet, um die Ausgabe für Mac- und Linux-Browser anzuzeigen, da ich in einem reinen Windows-Shop arbeite.

Beachten Sie, dass die URL extern zugänglich sein muss; Wenn Sie auf Ihrer lokalen Box entwickeln, müssen Sie ein Loch durch Ihre Firewall stecken und vielleicht einen dynamischen DNS-Namen anstelle einer IP-Adresse einrichten.

Bearbeitet Ich habe einen Absatz verschoben und ihn aufgrund einiger Rückmeldungen neu geschrieben.

Wenn Sie Ссылка erkunden, finden Sie Kompatibilitätsseiten, die die Unterschiede zwischen verschiedenen Browsern, einschließlich Firefox 3.5 und IE8, erklären.

Höchstwahrscheinlich werden Sie Änderungen vornehmen, aber das hängt davon ab, was Sie verwenden, da es viele Ähnlichkeiten gibt, die keine Änderungen erfordern.