Posts Tagged ‘ie6’

IE6 Upgrade notification

Friday, March 4th, 2011

I’ve quit designing around IE6 a long time ago. I have a contract that states that if my client needs me to design the site to work in IE6, they pay extra. For the other sites, when I suspect the target audience might use IE6, I wrote a little piece of code. It’s validated in 4.01 Strict HTML and stays out of the way of Google search results (because it’s at the bottom of the page).

Let me know if you’re using it or if you made improvements to it.

Here it is. Put the html right before the </body> tag, and the css at the bottom of your .css file.

<!–[if lt IE 7]>
<div id=”upgrade”>You are using an outdated browser. For a faster, safer surfing experience, please <a href=”http://www.microsoft.com/windows/internet-explorer/default.aspx”>upgrade for free</a>.</div>
<![endif]–>

/*-- IE6 --*/
#upgrade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #ff0;
	}

Death to IE6 #2

Wednesday, October 22nd, 2008
IE6 must die.

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.

Quick post: Death to IE6

Tuesday, September 30th, 2008

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 IE6 DeathMarch and show you’re done with IE6.

Why should we still design around IE6 when there’s a bog load of alternatives? IE7 and IE8 are up for download, Firefox is better, and Chrome is faster and Safari is cross platform. Unless you charge your client extra for working around IE6, it’s just costing us, as designers, money.

So: Join the DeathMarch and start creating conditionals for IE6 telling people to upgrade their browser!