I would like to kindly and elegantly tell people who are using internet explorer 6 to either upgrade their browser or smash their computers into tiny pieces when they come to my site.

I would like to kindly and elegantly tell people who are using internet explorer 6 to either upgrade their browser or smash their computers into tiny pieces when they come to my site.

• javascript
• html
• css
• internet-explorer-6

• 1 There's a cool site for "smashing IE": crashie.com. It contains a HTML+JS code which crashes IE7 and lower. And it doesn't do anything to the other browsers. – rhino Commented Dec 6, 2010 at 16:40
• @rhino: Sadly, there are a lot of IE users (esp. IE 6) that are not able to update their browser because of company restrictions. It would be really aggressive to kill their browsers. – jwueller Commented Dec 6, 2010 at 16:54
• @elusive, Windows98/ME (last OS to support IE6) has been unsupported for a LONG time. What companies are refusing to move to IE7? – Brad Commented Dec 6, 2010 at 16:58
• @Brad: IE 6 was the standard-browser in Windows XP (back in 2001). Lazy sysadmins (and their bosses) are the biggest reason for IE 6 being still around. – jwueller Commented Dec 6, 2010 at 17:12
• @elusive... I see... well get those users fussing at their lazy-ass admins! – Brad Commented Dec 6, 2010 at 17:18

6 Answers 6

Check out:

• ie6-upgrade-warning

Use a conditional comment. :) http://www.quirksmode.org/css/condcom.html

This is my personal favorite: http://ie6update.com/

Looks suspiciously like a legit Microsoft update or Active X prompt. That should trick the dinosaurs to adapt....

<?php
$ua = browser_info();

if (($ua['msie']==6.0)) {
    echo "PUT HERE YOUR TEXT THAT SHOULD BE DISPLAYED IN IE6";
    }else{
        echo "";
        }

?>

Need a div on your page like:

<div class='noAccess'>
</div>

and jQuery:

var IE6 = (navigator.userAgent.indexOf("MSIE 6") >= 0) ? true : false;
if (IE6) {

    $(function() {
        $("<div class='noAccess'>")
            .css({
                'height': $(window).height()
            })
            .appendTo("body");

            $("<div class='noAccessMessage'><p class='h1'>Sorry! This site doesn't support Internet Explorer 6.</p><p class='h4'>To continue, please update your browser to the latest version of FireFox or Internet Explorer using the links below.</p><table width='100%' cellspacing='0' cellpadding='0'><tr><td align='center' valign='top'>FireFox <a href='http://www.mozilla.com' target='_blank'><img src='images/Firefox-32.png' alt='FireFox' border='0' /></a><br />recommended</td><td align='center' valign='top'>Internet Explorer <a href='http://www.microsoft.com/nz/windows/internet-explorer/default.aspx' target='_blank'><img src='images/IE-32.png' alt='Internet Explorer' border='0' /><a/></td></tr></table>")
            .appendTo("body");
    });
}

i use this
http://www.ie6nomore.com/