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.
