Because it is not a standards compliant browser, Internet Explorer 6 poses many problems to us web designers. But, there are many internet users who still use it. So how do we propose to solve this issue? Many sites currently have special CSS code just for IE 6 and/or watered down versions of their content for those users.
This year, several large Norwegian websites have started an advocacy campaign to urge Microsoft Internet Explorer 6 users to upgrade their outdated web browsers. And since then, numerous other websites from around the globe have joined in, including
Facebook and
SourceForge.net.
I propose that we as FIRSTers, join in too...
Here is the code:
Code:
<!--[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://iallenkelhet.no/ie6/eng/index.html">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://firefox.com">Firefox</a> or <a class="ie6expl" href="http://www.apple.com/safari/download/">Safari</a></p>
</div>
<![endif]-->
Translation to English by Vincent Hasselgård