Goodbye Internet Explorer 6 |
|
Naja, weil das Internet eine der schnellsten technischen Entwicklungen der letzten 3 Jahrzehnte darstellt und es absolut nicht verständlich ist, dass dort eine Technik eingesetzt wird, die fast schon zehn Jahre alt ist.
Der Grund, warum sich dieser unbeliebte Freund aller Webdesigner so lange gehalten hat, ist, dass für den IE 7 XP Grundvorraussetzung ist. Dadurch haben sich viele Firmen, deren Haussoftware noch zum Teil mit Win2K läuft, nur wegen des ||Internetbrowsers|| nicht an ein neues System gewagt.
Doch nachdem nun auch das ||OS|| fast 10 Jahre auf dem Buckel hat, sollte man schon allein aus Sicherheitsgründen Betriebssystem und Browser auf einen aktuellen Stand bringen.
Diese Lösung für einen deutlichen Hinweis für den Seitenbesucher ist recht einfach gestrickt und funktioniert mit ||Javascript||.
Auf der Seite von Jonnis.de gibt es alle nötigen Angaben für verschiedene Varianten und die richtige Einbindung in ein ||HTML|| Dokument, um diese Scripte richtig zu nutzen.
Auf dieser Tutorial-Seite ist dieses Script ebenfalls im Einsatz. Das Ergebnis kann man nur sehen, wenn man die Seite im IE 6 betrachtet. Seiten mit verschiedenen Versionen des Internet Explorers betrachten geht am besten mit einem sehr guten Programm, das alle IE Versionen zu Verfügung stellt. Dieses Programm heist IE Tester und das gibt es hier.
Hier ein kleines Beispiel, welches wir hier beim Tutorial Projekt verwenden:
<!--[if lte IE 6]><script type="text/javascript" charset="utf-8" src="http://www.joonis.de/shared/ie6update/ie6update.js"></script><![endif]-->
Vorsicht - Am besten ist es solche "Fremsscripte" direkt herunterzuladen und dem Template hinzufügen.
Geht ganz einfach zum Beispiel mit dem ||AFE|| direkt ins Templateverzeichniss hochladen und dann entsprechend die Pfade anpassen.
Dadurch umgeht man die Gefahr Schadcode in die eigene Seite zu laden, oder auch das diese fremden Inhalte/Scripte irgendwann nicht mehr erreichbar sind. (Danke für den Hinweis an "Maverik")
Diese Möglichkeit habe ich im ||WebsiteBaker Forum|| gefunden. Der kanadische WB-User VotreEspace hat dort eine Lösung vorgestellt und in seinem eigenen Blog in Englisch und Französisch veröffentlicht.
Die Texte habe ich einfach ins Deutsche übersetzt.
Zuerst beginnen wir wieder mit ||Conditional Comments||, um die Styles für unsere Anzeige festzulegen und den #ie6nm div nur sichtbar zu machen bei allen Versionen unter der 7:
<style type="text/css">
<!–-
#ie6nm { display:none; }
–>
</style>
<!-– [if lt IE 7]>
<style type="text/css">
#ie6nm { background:#FF0; border:#F00 solid 1px; color:#000; padding:15px; font-size:14px; display:block; position:absolute; z-index:1000; }
</style>
<![endif]–->
Als nächstes setzen wir die ||HTML|| Ausgabe direkt nach <body>, um unseren Hinweis "über" unserer eigentlichen Webseite zu platzieren und nicht das gesamte Layout zu beeinträchtigen:
<div id="ie6nm">Scheinbar verwenden Sie einen sehr veralteten Browser. Wir empfehlen einen aktuellen, schnelleren und vor allem sichereren herunterzuladen. Unsere Empfehlung: <a href="http://www.getfirefox.com/">Mozilla Firefox</a> oder bringen Sie ihren <a href="http://www.microsoft.com/ie/">Internet Explorer</a> auf den neuesten Stand. <br /> <a onclick="javascript:document.getElementById(’ie6nm’).style.display=’none’" href="javascript:void();"> Diese Warnung schließen</a></div>
Diese Anzeige funktioniert auch bei ausgeschalteten ||Javascript||.
Alle, die dazu beitragen, diesen Dinosaurier der Internetwelt zum Aussterben zu bewegen...