cybnet.ch
clever & useful internet solutions
Günstig und professionelles Webhosting bei CyBNET.CH Home   Webspace ohne limits für professionelles Webhosting
 

Internet Explorer Tricks

Es ist immer das gleiche Spiel. Man entwickelt neue Websites und hält sich natürlich an die Standards des W3C. Firefox gespickt mit dem Web Developer Add-On zeigt drei grüne Häckelchen (Standard Compilance Mode, No CSS Errors, No JavaScript Errors) - Nochmal kurz alles im W3C Validator prüfen - Null Fehler - Alles wunderbar! Googles Chrome und Apples Safari haben nichts auszusetzen - die Webseite sieht spitze aus!

Gut gelaunt mit der Annahme bald online gehen zu können, bootet man die VirtualBox mit installiertem Windows und startet mit etwas mulmigen Gefühl den Internet Explorer. Uuuund - Jo hue** Gott verd***te Sie** - Es könnte ja gar nicht anders sein! Die ganze Webseite wird wie durch einen Reisswolf gedrehten angezeigt.

Naja, eigentlich haben wir das ja schon alle gewusst. Es war ja gar nie anders. Schon seit je musste man den Internet Explorer mit skurilen Workarounds, Hacks und Tricks zum korrekten Anzeigen bewegen. Man möchte denken dass nach über 10 Jahren Internet Explorer auch die Entwickler bei Microsoft programmieren gelernt haben oder zu mindest die offiziellen HTML Spezifikationen lesen können. Es scheint bis heute leider noch nicht geschehen zu sein.

Stylesheets (CSS)

Ein guter Anfang ist die Stylesheets für den Internet Explorer anzupassen. Hierzu schreibt man die abweichenden Styles für den IE am besten in eine zusätzliche .css Datei. Um nur den IE anzuweisen diese Datei zu lesen bindet man die .css Datei wie folgt ein:

 

<!--[if IE]>
   <link href="/main-ie.css" rel="stylesheet" type="text/css"/>
<![endif]-->

 

Weiter kann man mit diesem Tag auch zwischen den Internet Explorer Versionen unterscheiden (leider interpretiert Microsoft in jeder IE Version etwas anders).£

 

<!--[if IE]>
   Trifft auf alle Internet Explorer zu
<![endif]-->

<!--[if IE 5]>
   Trifft nur auf den Internet Explorer in der Major Verion 5 zu
<![endif]-->

<!--[if IE 5.0]>
   Trifft nur auf den Internet Explorer in der Verion 5.0 zu
<![endif]-->

<!--[if IE 5.5]>
   Trifft nur auf den Internet Explorer in der Verion 5.5 zu
<![endif]-->

<!--[if IE 6]>
   Trifft nur auf den Internet Explorer in der Major Version 6 zu
<![endif]-->

<!--[if IE 7]>
   Triff nur auf den Internet Explorer in der Major Version 7 zu
<![endif]-->

<!--[if gte IE 5]>
   Trifft nur auf den Internet Explorer in der Version 5 und neuer zu
<![endif]-->

<!--[if lt IE 6]>
   Trifft nur auf den Internet Explorer kleiner als 6 zu
<![endif]-->

<!--[if lte IE 5.5]>
   Trifft nur auf den Internet Explorer 5.5 und kleiner zu
<![endif]-->

<!--[if gt IE 6]>
   Trifft nur auf den Internet Explorer grösser als Version 6 zu
<![endif]-->

Internet Explorer 8

Mit der Einfühung von IE8 wird auch der "IE8 Standards mode" eingeführt. Nach Angaben von Microsoft ist der "IE8 Standards mode" der "most standards-compliant layout mode". Ich muss zugeben, ich habe ich mit dem "IE8 Standards mode" noch nicht wirklich auseinander gesetzt. Was ich bis jetzt sagen kann verhält sich der neue Mode in etwa wie der zweite Gang des Reisswolfs. Und das hat wohl Microsoft auch gecheckt und darum der "X-UA-Compatible" tag eingeführt. Mit diesem tag lässt sich der IE8 anweisen HTML wie der IE7 zu interpretieren.

 

<meta http-equiv="X-UA-Compatible" content="IE=7" />