Wie IE6 zu ertragen und glücklich leben

Ich finde immer etwas "krank" wenn es darum geht das Thema "Vereinbarkeit zwischen den Browsern." Auch, und ich habe noch nicht der wahre Grund, von allen Browsern Ich kenne die meisten "lästige" bleibt ihm zu verstehen: Microsoft Internet Explorer 6! Leider ist die Veröffentlichung von IE 6 noch im Umlauf und es gibt häufige Berichte über Probleme beim Anzeigen von Seiten.
Ein Web-Entwickler muss sich organisieren, um alle Tools zu steuern und zu kontrollieren sein (verschwitzten) arbeiten auf allen möglichen Browsern (und Plattformen) zur Verfügung haben. Microsoft Internet Explorer, mehr als andere, macht diese Aufgabe schwieriger, weil - nun - man ihren Webseiten sowohl mit der neuesten Version 8 (noch beta) und mit früheren Versionen, wie 6 oder 5,5 überprüfen sollten . Es gibt verschiedene Möglichkeiten, um mit verschiedenen Versionen von Internet Explorer (siehe Live Verwenden Sie Microsoft Internet Explorer 6 und 7 gleichzeitig ) als Alternative und es gibt auch sehr gut (wenn auch ein wenig 'slow) Online-Dienste .

Bild

Eine andere gute Möglichkeit, die gut funktioniert unter Windows Vista, indem dargestellt wird IETester , eine kostenlose Anwendung, und gebaut von den Entwicklern von DebugBar und Companion.JS . IETester , obwohl es immer noch in der Beta und einige Abstürze lauern, können schnell überprüfen, ob unsere Seiten - gleichzeitig - sowohl auf IE5.5, IE6, IE7 und IE8 Beta.

CSS-Patch

Wenn durch IETester wir einen Fehler in den Stilen, die anders ist zwischen IE6 und IE7, IE6 und Firefox oder interpretiert finden können, zum Beispiel muss die Lösung gefunden, so dass nur IE6 verwendet die neue Definition. Ich zum Beispiel passiert mit einer Marge! Ich hatte eine Klasse, die den rechten Rand setzt auf 28px und auf allen Browsern, war das Ergebnis identisch, jedoch mit IE6! Auf der letzteren, um das gleiche Layout zu machen, hatte ich auf einen Wert von 8px verwenden.
Ein sehr einfacher Weg, sehr leicht zu merken und das unmittelbare Problem zu lösen, ist zu "überschreiben" unseren Weg durch das Laden einer anderen Ad-hoc-Datei nur, wenn der Browser - befürchteten - IE6:

1
2
3
4
/ ** Datei ie_override.css ___
* Verwenden Sie diese Datei auf einen Stil überschreiben
* /
margin-left : 8px } . div mystyle {margin-left: 8px}
1
2
3
4
<-! Styles für alle Browser ->
"stylesheet" href = "css/style.css" type = "text/css" > < link rel = "stylesheet" href = "css / style.css" type = "text / css">
<-! Styles nur für IE6 ->
<!--[ If lt IE 7]> <link rel="stylesheet" type="text/css" href="css/ie_override.css" /> <[endif] ->

7 Kommentare: "Wie IE6 und ertragen leben glücklich"

  1. 27. November 2008 Francis :

    Schließlich eine sehr einfache Abhilfe ..
    Herzlichen Glückwunsch an die vielen technischen Artikeln sehr interessant, weiter so!

  2. 27. November 2008 Julius :

    Ich hasse IE 6 bis 5 nicht auf mich in der guten Stelle zu nennen dieses Werkzeug

  3. 30. November 2008 Gioxx Wall »Blog Archive» Best of Week # 31 :

    [...] Wie IE6 ertragen und leben glücklich [...]

  4. 9. Januar 2009 simo:

    Um zu vermeiden, den Bug zu verdoppeln Marge im IE6, nicht nur hinzuzufügen display:inline ?

  5. 9. Januar 2009 Giovambattista Fazioli :

    @ Simo:

    zu vermeiden, den Bug der Verdoppelung der Marge von IE6, nicht nur hinzuzufügen display:inline ?

    Ja, in der Tat sehen Internet Explorer 6: Beseitigung der Doppel-Margin Bug beheben . In diesem Beitrag, aber ich war eine andere Art von Beispiel, und für allgemeine Situationen, in denen leider nicht genug, um ein Add display:inline . : D

  6. 26. Februar 2009 Ennio :

    Definitiv das schlechteste Browser herum, diesen kleinen Trick Ich benutze es oft, und ich habe eine Menge Ärger gelöst, in meine Seite, aber ich weigerte mich, es zu benutzen und einen Link zu IE 7 herunterladen, ist es Zeit für die Menschen, die erkennen, Dieser Browser ist ausgerottet.

  7. 26. Februar 2009 Giovambattista Fazioli :

    Ennio @: Ich bin damit einverstanden ... : P

Hinterlasse einen Kommentar

XHTML TAG PERMIT: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERTION CODE:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL 


Stoppen SOPA