Widerstand gegen IE6
Microsofts Internet Explorer 6 zählt heute zu den "noch" lebendigen Fossilien, den Überresten aus den Anfängen des Web 2.0. Viele Programmierer und Webmaster haben nun endgültig die Nase voll und animieren zu einem internationalen Widerstand gegen dieses Ungetüms. Dafür hat die norwegische Internetseite Finn.no jetzt einen Codeschnipsel auf ihrer Seite implementiert, der beim Aufruf der Seite durch einen alten Internet Explorer, die Bitte herausgibt, dass man doch bitte auf die neuere Version des Internet Explorers aus dem Hause Microsoft umsteigen solle.
Die Probleme bei den alten IE häufen sich schon seit Jahren: zum Einen ist der Internet Explorer 6 (und ältere Versionen) nicht unbedingt mit neuen Elementen des Web 2.0 "vertraut", andererseits klaffen immer neue Sicherheitslücken im Programm und laden deshalb zur Infektion des PCs ein. Ferner stammt der IE 6 noch aus der Zeit, als sich Microsoft, orientierend an den Webstandards, noch über alle anderen Explorer der Konkurrenz stellte und kurzer Hand ihr eigenes "Ding" machten. Und diese damalige egozentrische Einstellung bereitet den Webmastern und Codern eine Menge zusätzliche Arbeit. Aus diesem Grunde rufen sie die restlichen IE6-Treuen auf, auf Browser der "Gegenwart", Mozillas Firefox, Opera - oder meinetwegen auch den Internet Eplorer 7 - umzusteigen.
Ich habe den Code ein wenig modifiziert. Surft ihr mit dem IE6 beispielsweise diese Seite an, öffnet sich eine grüne Infobox (bei mir unterhalb des Footers - ganz unten). Der Originalcode lautet:
<!--[if lte IE 6]>
<style type="text/css">
#ie6msg{border:3px solid #090; margin:8px 0; background:#cfc; color:#000;}
#ie6msg h4{margin:8px; padding:0;}
#ie6msg p{margin:8px; padding:0;}
#ie6msg p a.getie7{font-weight:bold; color:#006;}
#ie6msg p a.ie6expl{font-weight:normal; color:#006;}
</style>
<div id="ie6msg">
<h4>Tips fra oss: Du har en eldre versjon av nettleseren Internet Explorer.</h4>
<p>
For å få en best mulig opplevelse av å bruke våre nettsider,
kan du gratis <a class="getie7" href="http://www.microsoft.com/norge/windows/downloads/ie/getitnow.mspx" target="_blank">hente en nyere versjon av Internet Explorer</a>.
Bruker du en jobb-PC bør du kontakte IT-ansvarlig.
</p>
<p>
<a class="ie6expl" href="http://labs.finn.no/blog/finn-anbefaler-ie6-brukere-a-oppgradere-sin-nettleser" target="_blank">På FINN labs kan du lese mer om hvorfor vi anbefaler denne oppgraderingen.</a>
</p>
</div>
<![endif]-->
Der von mir ins Deutsche übersetzte Code ist folgender:
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><!--[if lte IE 6]> <style type="text/css"> #ie6msg{border:3px solid #090; margin:8px 0; background:#cfc; color:#000;} #ie6msg h4{margin:8px; padding:0;} #ie6msg p{margin:8px; padding:0;} #ie6msg p a.getie7{font-weight:bold; color:#006;} #ie6msg p a.ie6expl{font-weight:normal; color:#006;} </style> <div id="ie6msg"> <h4>Unser Tipp: Du hast eine alte, kaum noch verwendete Version des Internet Explorer.</h4> <p> Für mehr Kompatibilität kannst du die neuste Version hier gratis herunterladen <a class="getie7" href="http://www.microsoft.com/norge/windows/downloads/ie/getitnow.mspx" target="_blank">Hier geht's zur neusten Version des Internet Explorer</a>. Benutzen du den PC auf der Arbeit, wende dich bitten an den IT-Administrator. </p> <p> <a class="ie6expl" href="http://labs.finn.no/blog/finn-anbefaler-ie6-brukere-a-oppgradere-sin-nettleser" target="_blank">Auf der Internetpräsenz von FINN labs (Norwegisch) kannst du mehr über den laufenden IE6-Widerstand lesen.</a> </p> </div> <![endif]--></span> <!--[ If lte IE 6]> <style type="text/css"> # ie6msg (border: 3px solid # 090; margin: 8px 0; background: # CFC; color: # 000;) # ie6msg h4 (margin: 8px; padding: 0;) # ie6msg p (margin: 8px; padding: 0;) # ie6msg p a.getie7 (font-weight: bold; color: # 006;) # ie6msg p (font a.ie6expl -weight: normal; color: # 006;) </ style> <div id="ie6msg"> <h4> Unser Tipp: Du hast eine alte, kaum noch verwendete Version des Internet Explorer </ h4> <p> Für mehr Kompatibilität kannst du die neuste Version hier gratis herunterladen <a class = "getie7" href = "http://www.microsoft.com/norge/windows/downloads/ie/getitnow.mspx" target = "_blank" > Sie eine neuere Version von Internet Explorer </ a>. Benutzen Sie den PC auf der Arbeit, wenden Sie sich bitten an den IT-Administrator. </ p> <a class = "ie6expl" href = "http://labs.finn .no/blog/finn-anbefaler-ie6-brukere-a-oppgradere-sin-nettleser "target =" _blank ">"Auf der Internetpräsenz von FINN labs (Norwegisch) kannst du mehr über den laufenden IE6-Widerstand lesen. </ a> </ p> < / div> <! [endif] -></span>
Es kann sein, dass die Seite nach dem Einfügen fehlerhaft dargestellt wird. Ich rate euch, ein wenig auszuprobieren, wo ihr den Schnipsel am besten implementieren könnt.
Und so sieht die Box dann bei Internet Explorern 6 aus:
Kategorien
Blogroll
Buttons
