Mr Speaker

IE6 Final Countdown

Microsoft hates IE6 as much as the rest of us. So they've made yet another "let's finally get rid of IE6" website. All our hopes and prayers lie with them. As a bonus, they also supply some code to display a banner at the top of websites when a user has IE6:

<!--[if lt IE 7]> 
  <div style=' clear: both; height: 59px; padding:0 0 0 15px; position: relative;'>
  <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx"><img src="http://www.ie6countdown.com/images/upgrade.jpg" border="0" height="42" width="820" alt="" /></a></div>
 <![endif]-->

It's a simple conditional comment that targets browsers under IE7. After studying the code for a while I realised that it was ripe for a little "standards-based refactoring".

Future-proofing the code

It's a great effort by the Microsoft guys - but in the interests of the web-at-large I've tweaked the code slightly to be a bit more future-proof:

<!--[if IE]> 
  <div style=' clear: both; height: 59px; padding:0 0 0 15px; position: relative;'>
  <a href="http://www.mozilla.com/en-US/firefox/"><img src="http://www.ie6countdown.com/images/upgrade.jpg" border="0" height="42" width="820" alt="" /></a></div>
 <![endif]-->

Post that in the body of your site, and you should be good to go. They didn't put the original code on Github, so I don't know who to send the pull request to, but hopefully they'll get my email and update it with the changes...

3 Comments

  1. I like your version Mr. Speaker.. though I must say I’ve become a fan of Chrome of late.

    Saturday, March 5, 2011 at 6:42 am | Permalink
  2. I’ve been running this for quite a while…

    
    <--[if IE 6]><strong>IE6 supported by generic CSS only</strong>. 
    IE6 is obsolete and insecure. I respectfully suggest you <a href="http://www.microsoft.com/ie" rel="nofollow">upgrade to the latest version of IE</a> 
    or switch to <a href="http://www.opera.com/" rel="nofollow">Opera</a>, <a href="http://www.getfirefox.com/" rel="nofollow">Firefox</a>, <a href="http://www.apple.com/safari/" rel="nofollow">Safari</a> 
    or <a href="http://www.google.com/chrome" rel="nofollow">Chrome</a>. If you're in a locked down corporate environment, you may want to ask your support staff if an upgrade is possible.<![endif]-->
    

    …and mine appears in IE-warning-bar-yellow for extra sneaky.

    Sunday, March 6, 2011 at 11:57 pm | Permalink
  3. Nice! More polite than mine, too.

    Warning-bar-yellow is good, but I like that the official microsoft one looks like malware… maybe that’s the best way to get IE6 users to update!

    Monday, March 7, 2011 at 12:10 am | Permalink
Captcha! Please type 'radical' here: *
How did you find this thingo? *