Conditional Comment für IE6 inkl. CSS-Formatierung
Hintergrund
Für die aktuelle mein campus Version (5.0) wurde aufgrund der eingeschränkten Möglichkeiten und des hohen Formatierungsaufwands die Entscheidung getroffen, den Internet Explorer 6 nur noch soweit zu unterstützen, dass der User alle Funktionen bedienen und die Texte lesen kann.
Auf der Starseite wird jetzt via Conditional Comment abgeprüft, ob und mit welcher Version des Internet Explorers der User unterwegs ist.
Nutzt dieser besagten Internet Explorer 6, erhält er nachstehenden Hinweis, versehen mit einem Link zu Microsoft, um sich die aktuelle Version downloaden zu können.
Der dazugehörige Quellcode wird an der entsprechenden Stelle im HTML-body platziert:
<!--[if IE 6]>
<div class="dialogImportant">
<p class="gap10">
<strong></code>Sie verwenden immer noch den Internet Expolorer 6!
</strong>
</p>
Dieser weist zahlreiche Sicherheitslücken auf und wird von
<strong><em>
mein campus;</em></strong>
nur noch eingeschränkt unterstützt.
Wir empfehlen Ihnen dringend eine
<a href="
http://www.microsoft.com/windows/internet-explorer/worldwide-sites.aspx
">
Aktualisierung auf Version 8
</a>
. <!--[endif]-->
Über class=“dialogImportant“ werden das Icon (orangenes Ausrufezeichen) und ein orangener Rahmen eingebunden.
Das Icon ist zu finden unter http://rrze-icon-set.berlios.de/gallery.html.
Im a-Tag steht der Link zu Microsoft, leider ist die Auswahl des Betriebssystems via „drop-down“ nicht möglich (selbst Microsoft unterstützt hier den Internet Explorer 6 nicht mehr) weshalb auf eine gefilterte Liste verwiesen wird.
Ergänzung November 2010
Microsoft hat mittlerweile reagiert und die Downloadangebote entsprechend angepasst. Der Link in vorstehendem Conditional Comment ist aktualisiert.
Die Tags <strong>
und <em>
sorgen für eine Hervorhebung, das aber nur am Rande (der Vollständigkeit wegen).