Let IE 6 Users know there out of date!
There's a new trend coming over from Norway. A few large sites over there are now actively telling people to upgrade from IE6. The reason of course is the lack of security and of course lack of standards support.
Especially the latter is one of my personal agitations as well in daily life as a web developer. So I also declare war on IE but in a friendly way, by means of a notise on top of this page. Do the same and embed the necessary code in your page 0r just spread the word (and of courese upgrade yourself if you haven't done so yourself
)!
A simple code to do this is the following :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!--[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>Did you know that your browser is out of date?</h4>
<p>To get the best possible experience using our website we recommend that you upgrade your browser to a newer version. The current version is <a class="getie7" href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer 7</a> and <a class="getie7" href="http://www.microsoft.com/windows/Internet-explorer/beta/default.aspx">Internet Explorer 8</a> is available as a beta. The upgrade is free. If you’re using a PC at work you should contact your IT-administrator.</p>
<p>If you want to you may also try some other popular Internet browsers like <a class="ie6expl" href="http://www.opera.com">Opera</a>, <a class="ie6expl" href="http://mozilla.com">FireFox</a> or <a class="ie6expl" href="http://www.apple.com/safari/download/">Safari</a></p>
</div>
<![endif]--> |
More info and tools are available on this wiki.
| Print article | This entry was posted by Rutger Frantzen on February 23, 2009 at 18:20, and is filed under English, General. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. |




about 1 year ago
Hi Rutger, nice box, at least it shows all the alternatives – which I think is good. Though it can be done even better by interpolating the Acid 3 score with the JS execution speed to create a vector which you multiply with some font-size for the different links and that way “guiding” your users to which browser they “probably will be best with” like I’ve done here
.
http://ra-ajax.org/the-fair-upgrade-from-ie6-banner.blog
about 1 year ago
Hi Thomas,
Thanks for the comment and i’ve checked out your site and it is a nice piece of code indeed.
However, my intention is not to steer people into a certain direction, this is something everyone has to determine for themselves in my opinion, as long as it is not ie6