exscale.se

Encourage IE Users to Upgrade to a Modern Browser

Published Monday, August 27, 2007 in Other

I'm getting seriously fookin fed up wiv IE and the fact that so many people still use it regularly.

If you've ever visited exscale.se using IE you may have noticed a small warning-label at the top of the page, and I encourage everyone who's serious about modern web development to start using something similar.

I've put mine in a conditional comment (<!--[if IE]> so every version of IE gets it) and then styled it to look like a normal IE-warning at the top.

If you're feeling lazy you can copy/paste the code I'm using.

HTML

Put this directly beneath the opening body-tag:

<!--[if IE]>
    <div id="ie-warning">

        <p>Your browser is outdated and unsafe. For a richer browsing experience, please consider upgrading to a <a href="http://www.getfirefox.com">better, modern browser</a>.</p>

    </div>
<![endif]-->

CSS

#ie-warning {
    background: #FFFFE1 url(ie-warning.gif) no-repeat 5px 50%;

    margin: 0;
    padding: 7px 10px 7px 30px;

    border-bottom: 1px solid #767E85;
}

    #ie-warning p {
        margin: 0;

        font: 12px/1 Arial;
        color: #000;
    }

        #ie-warning p a {
            color: blue;
            text-decoration: underline;
        }

        #ie-warning p a:hover {
            color: red;
        }

You'll need the ie-warning.gif file as well if you are to use my code:

Imagine if IE was the least used browser, imagine not having to give two shits about that crappy piece of bug-infested rubbish.
What a wonderful job this would be then.

physio

Tuesday, January 13, 2009 | View all comments by physio

A screenshot of how this looks would be a nice addition for those of us without access to IE6.

Andreas

Wednesday, January 14, 2009 | View all comments by Andreas

@Physio - screenshot up.