Join the war on IE6

Anton Jenkins | February 20, 2009

It’s about time!

For too long web designers have had to wrestle IE6 into doing their bidding. The many hours we spend on IE6 bugs are hours we could be investing in better features for our users. Thankfully some developers in Norway have decided to make a stand and spread the word to users that they need to upgrade their IE6 browsers.

By adding something like the following code to your application’s layout file you can add a message only visible to IE6 users asking them to consider upgrading their browsers :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!--[if lte IE 6]>
<div style="border:3px solid #ff0000; margin:8px 0; background:#ff8080; color:#000; width:580px;">
  <h4 style="margin:8px; padding:0; font-weight:bold; color:#000">
      Warning : You are using an old version of Internet Explorer
  </h4>
  <p style="margin:8px; padding:0;">Many websites are dropping support for older versions of Internet
    Explorer because they do not conform correctly to industry standards. Not following standards makes
    building websites much harder and wastes time that could be invested in making the website better for
    everyone else.</p>

  <p style="margin:8px; padding:0;">By upgrading your browser you will not only be enhancing your own
    experience but also relieving a significant burden from web designer's shoulders, freeing them to build
    better websites for everyone.</p>

  <p style="margin:8px; padding:0;">There are many modern browsers to choose from...
    <ul>
      <li><a style="color: #000; text-decoration:underline; outline:none" href="http://getfirefox.com">FireFox</a></li>
      <li><a style="color: #000; text-decoration:underline; outline:none" href="http://google.com/chrome">Chrome</a></li>
      <li><a style="color: #000; text-decoration:underline; outline:none" href="http://opera.com">Opera</a></li>
      <li><a style="color: #000; text-decoration:underline; outline:none" href="http://apple.com/safari">Safari</a></li>
    </ul>
  </p>
</div>
<![endif]-->

When viewed with IE6 the user will see the following :

Warning : You are using an old version of Internet Explorer

Many websites are dropping support for older versions of Internet Explorer because they do not conform correctly to industry standards. Not following standards makes building websites much harder and wastes time that could be invested in making the website better for everyone else.

By upgrading your browser you will not only be enhancing your own experience but also relieving a significant burden from web designer’s shoulders, freeing them to build better websites for everyone.

There are many modern browsers to choose from…

Obviously you’ll probably want to play around with the styling to make it fit your site, but the general gist is there for you to hack around with. How you do it is not important, getting involved and helping to spread the word is the main issue.

Hopefully this will gain some momentum around the world and we can move on from the pains of writing IE6 friendly sites.

comments powered by Disqus