Death to IE6
Feb 19 - by NWMadmin
Internet Explorer 6 (IE6) was released back in August of 2001. Since then we have seen many browsers join the market, and even Microsoft has put out IE7 and 8 (in beta phase). With so many choices, why are people still using it? It is so unreliable and insecure, but most importantly it is incompatible with current CSS2 standards and XHTML.
Change is Tough
Most people probably don’t know any better, are afraid of change or have an older computer (a somewhat valid reason). But change must occur. People need to be educated and informed about the many and better choices. FireFox, Opera and Apple’s Safari (yes indeed, they have a browser that runs on a PC) offer better browsing security and better standards compliance. All of these render current web standards nicely. Any web developer/designer will agree that coding sites for IE6 is a headache and almost a lost battle. More and more designers are opting to fight off IE6 by forcing end users to upgrade to a better web experience. That’s how IE6nomore.com came about.
The idea is simple. Paste a simple line of code into the website’s HTML code that forces a message to display as shown below:
The code itself reads as follows:
<!–[if lt IE 7]>
<div style=’border: 1px solid #F7941D; background: #FEEFDA;
text-align: center; clear: both; height: 75px; position: relative;’>
<div style=’position: absolute; right: 3px; top: 3px;
font-family: courier new; font-weight: bold;’>
<a href=’#’ onclick=’javascript:this.parentNode.parentNode.style.
display="none"; return false;’>
<img src=’http://www.ie6nomore.com/files/theme/
ie6nomore-cornerx.jpg’ style=’border: none;’
alt=’Close this notice’/>
</a>
</div>
<div style=’width: 640px; margin: 0 auto; text-align: left; padding: 0;
overflow: hidden; color: black;’>
<div style=’width: 75px; float: left;’>
<img src=’http://www.ie6nomore.com/files/theme/
ie6nomore-warning.jpg’ alt=’Warning!’/>
</div>
<div style=’width: 275px; float: left; font-family: Arial, sans-serif;’>
<div style=’font-size: 14px; font-weight: bold; margin-top: 12px;’>
You are using an outdated browser
</div>
<div style=’font-size: 12px; margin-top: 6px; line-height: 12px;’>
For a better experience using this site, please upgrade to a
modern web browser.
</div>
</div>
<div style=’width: 75px; float: left;’>
<a href=’http://www.firefox.com’ target=’_blank’>
<img src=’http://www.ie6nomore.com/files/theme/
ie6nomore-firefox.jpg’ style=’border: none;’ alt=’Get Firefox 3.5′/>
</a>
</div>
<div style=’width: 75px; float: left;’>
<a href=’http://www.browserforthebetter.com/download.html’>
<img src=’http://www.ie6nomore.com/files/theme/
ie6nomore-ie8.jpg’ style=’border: none;’ alt=’Get IE 8′/>
</a>
</div>
<div style=’width: 73px; float: left;’>
<a href=’http://www.apple.com/safari/download/’ target=’_blank’>
<img src=’http://www.ie6nomore.com/files/theme/
ie6nomore-safari.jpg’ style=’border: none;’ alt=’Get Safari 4′/>
</a>
</div>
<div style=’float: left;’>
<a href=’http://www.google.com/chrome’ target=’_blank’>
<img src=’http://www.ie6nomore.com/files/theme/
ie6nomore-chrome.jpg’ style=’border: none;’
alt=’Get Google Chrome’/>
</a>
</div>
</div>
</div>
<![endif]–>
Make Change Happen Now
In today’s day and age, where download speeds are so fast and updating an app is so seamless, it boggles my mind that more people don’t make the effort to change their browsing experience. They will enjoy the web so much more if they were to do that.
IE6 is dead and people need to disengage from it. The sooner the better.
Now, what browser do you use? Please tell me it’s anything but IE6.