Webarte Blog

Broserweiche für IE6

Es gibt ihn immernoch

Es soll immernoch letzte Steinzeituser geben die den IE6 verwenden. Als Designer neuer Templates die Transparente .png Bilder in die Homepage einbauen, ist das natürlich ein Hindernis, was bei webarte einfach mal mit nem freundlichen Hinweis im Template gelöst wird.
User sollen also ihren Internetexplorer mal erneuern und nicht immer auf den alten Sachen sitzen bleiben, zumal die neuen Browser ja kostenlos sind.

Webarte baut also den folgenden Code in den HEAD von der Index.php

<!--[if lte IE 6]>
<link rel="stylesheet" href="<?php echo TEMPLATE_DIR; ?>/ie6.css" type="text/css" media="screen" />

<![endif]-->

Für den Bodybereich, also gleich nach body

<!--[if lte IE 6]>
<div id="ie6msg">
<h4>Wussten Sie schon, dass Ihr Browser veraltet ist?</h4>
<p>
Wir empfehlen Ihnen ein Update auf eine neuere Version.
<br />
Die aktuellste Version ist <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer 8</a> und <a href="http://www.microsoft.com/windows/Internet-explorer/beta/default.aspx">Internet Explorer 9</a> ist als Beta verfuegbar.
<br />
Das Upgrade ist kostenlos.
<br />
Befinden Sie sich gerade an Ihrem Arbeitsplatz, weisen Sie Ihren Arbeitgeber darauf hin.
</p>
<p>
Ebenso gibt es Browser-Alternativen wie z.B. <a href="http://www.opera.com">Opera</a>, <a href="http://www.getfirefox.com">FireFox</a> oder <a href="http://www.apple.com/safari/download/">Safari</a>.
</div>
<![endif]-->

Dazu noch die Datei ie6.css -die im Templateverzeichnis rein muß

/*
body {
	height: 100%;
	overflow: hidden;
	font-size: 100%;
} */

#ie6msg {
	border: 3px solid #090;
	margin: 0px;
	background: #cfc;
	color: #000;
}

#ie6msg h4 {
	margin: 8px;
	padding: 0px;
}

#ie6msg p {
	margin: 8px;
	padding: 0px;
}

#ie6msg p a.getie7 {
	font-weight: bold;
	color: #006;
}

#ie6msg p a.ie6expl {
	font-weight: normal;
	color: #006;
}

und fertig ist die Browserweiche.
Viel Spaß beim Nachbauen.