All that started with a simple tweet by a Norwegian
developer
Erlend
Schei. He came up with an idea to display an "Upgrade" message on IE6
browsers for his websites and suddenly, all major websites of Norway adopted it,
thereby
declaring
a war on IE6. According to wired.com, even Microsoft is supporting the
campaign.
Here is a fast spreading code, appearing on the internet, to
support the campaign. This conditional code when included in our sites, appears
as a message at the top when the site is opened in IE6
.
<html>
<head>
<title>No IE6
campaign!</title>
</head>
<body>
<!--[if lte IE
6]>
<style type="text/css">
#ie6msg{border:3px solid lightblue;
margin:8px 0; background:AliceBlue;
color:#000;font-family:Verdana;font-size:smaller}
#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>You are using Internet Explorer 6. To get the best
possible experience using our website we recommend that you upgrade your browser
to a newer version. The latest version is <a class="getie7" href="
http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet
Explorer 7</a>. You may also try <a class="getie7" href="
http://www.microsoft.com/windows/Internet-explorer/beta/default.aspx">Internet
Explorer 8</a> which 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>You may also try 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]-->
</body>
</html>
Feel
free to tweak it & use it.
In the world of browser compatibility
problems, I think it's time for all of us to support this movement and reduce
some pain to the developer as well as the customer...
The current BlogEngine theme itself looks distorted in IE6, as pointed out by one of my seniors'. So added the above code to my blog. You will get the above message when you open my blog in IE6 :)