Death to IE6 #2
Wednesday, October 22nd, 2008
IE6 must die.
In this post I already told you how much I hate IE6, and I’m not the only one, so I decided to stop squirming around it, and simply stop designing around it, unless a client pays extra.
This might be useful for some of you out there who also want to avoid the agony of IE6. I recently started using this code, and so far it works pretty good.
In the <head> of your HTML:
<!–[if IE 6]>
<style type=”text/css”>
#ie6 {
display: block;
}
</style>
In the <body>, before anything else:
<div id=”ie6″>It seems you’re using an old browser. In order to view this site correctly, we advise you to <a href=”http://www.microsoft.com/windows/products/winfamily/ie/default.mspx”>upgrade your browser</a>, or try the free <a href=”http://www.mozilla.com/firefox”>Mozilla Firefox</a>.
</div> <!– end #ie6 –>
And finally in your .CSS file:
#ie6 {
font: normal 12px Arial, Helvetica, sans-serif;
color: #333333;
background: #FFFF66;
display: none;
}
This way a yellow bar telling people to upgrade their browser shows up when somebody is using IE6. In any other browser it will be hidden.
You can use/edit/redistribute this piece if you like. Any comments are also welcome.
You know, Internet Explorer 6, that old piece of shit browser that some people still use? The browser that’s always a pain in the ass when you’ve finished your design, to find out it doesn’t work in IE6? Yes, That one. We’re going to kill it. Join the 
