Close this notice
Warnung!
Sie verwenden einen veralteten Browser
Wechseln Sie bitte zu einem aktuellen Browser, damit diese Website richtig angezeigt werden kann.
Firefox 3.5 laden
Internet Explorer 8 laden
Safari 4 laden
Google Chrome laden
IE6 no more!


Dies ist eine Demo-Seite zum entsprechenden Blog Eintrag bei blog.tocki.de. Es handelt sich hierbei um eine deutsche Version des Codes von ie6nomore.com.

Um das oben gezeigte Banner anzeigen zu lassen, wenn Besucher Eurer Website mit dem veralteten Internet Explorer 6 surfen, einfach diesen Code einfügen:


<!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
<div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'>
<a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'>
<img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/>
</a>
</div>
<div style='width: 700px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warnung!'/> </div>
<div style='width: 300px; float: left; font-family: Arial, sans-serif;'>
<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>
Sie verwenden einen veralteten Browser
</div>
<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>
Wechseln Sie bitte zu einem aktuellen Browser, damit diese Website richtig angezeigt werden kann. </div>
</div>
<div style='width: 75px; float: left;'>
<a href='http://www.firefox.com' target='_blank'>
<img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Firefox 3.5 laden'/> </a>
</div>
<div style='width: 75px; float: left;'>
<a href='http://www.browserforthebetter.com/download.html' target='_blank'>
<img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Internet Explorer 8 laden'/> </a>
</div>
<div style='width: 73px; float: left;'>
<a href='http://www.apple.com/safari/download/' target='_blank'>
<img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Safari 4 laden'/> </a>
</div> <div style='float: left;'>
<a href='http://www.google.com/chrome' target='_blank'>
<img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Google Chrome laden'/> </a>
</div>
</div> </div>
<![endif]-->


Eine tatsächliche Demo gibt es hier.