Well, a little bit, yes and it stops us, developers from using the latest technology to make the web better. It is also very unsafe.
It has been nearly 9 years since Internet Explorer 6 came out and still, people all around the world use it. There would not be a problem if it was not 9 years ago (yeah, right). Seriously, people. With IE8 available as a free upgrade it must be that awesome “look and feel” of it that keeps you both so close. And do not blame your old PCs, please. You can easily download some older versions of any other browser and end up having a better browser anyway. We know that you do not bother but your laziness makes web developers’ work really frustrating.
Have a peak how miserable their life is when they come across IE6:
Just download and install one of the other internet browsers available. Try the top ones or stick to your beloved Microsoft. ;-)
Thank you!
Browse Sad is our last-resort try, some kind of a fight back for years of our hours spent on “debugging” IE6’s CSS interpretation.
Over the years there have been hundreds of tries on IE6’s life. Even Microsoft tried to kill it with their free update to IE7 (yes, it is free to install, even on illegal Windows machines). Neither has been fully successful. Until now, hopefully. We want to force IE6 users to either change their browser or even update to its newer version by making their web surfing dull and sad. ;-)
It is pretty simple. The main idea is to use html { filter: gray; } with a link Browse Sad website so people could find out what is going on. Simple as that!
If you do not want to play with it much, just stick the code below at the very top of your website (just below <body> tag) and you are done!
<!-- BrowseSad.com -->
<!--[if IE 6]>
<style type="text/css" media="screen">
html {filter:gray;}
body {margin-top:0;}
#browseSad {background:#000;border-bottom:10px solid #fff;left:0;top:0;width:100%;}
#browseSad * {color:#fff;text-align:center;}
#browseSad div {margin:24px 48px;}
#browseSad h1 {font-size:21px;margin:0 0 5px;}
#browseSad h2 {font-size:16px;margin:0 0 10px;}
#browseSad p {font-size:14px;margin:0;}
#browseSad a {font-weight:bold;text-decoration:underline;}
</style>
<div id="browseSad"><div>
<h1>Oh dear, you are using Internet Explorer 6! It is time for an upgrade!</h1>
<h2>We are sorry but Internet Explorer 6 is so old that we cannot support it anymore.</h2>
<p>Please go to <a href="http://browsesad.com">Browse Sad</a> website to find out why and how to upgrade your browser.</p>
</div></div>
<![endif]-->
If you fancy doing something much more creative you can release your anger in any other way you want but please, keep your website sad and do not forget about a link to Browse Sad.
Browse Sad would not be live without: