How to inform users that webapplication does not support IE6

Question

I have web application and I do not really care about IE6 users. However I would like to have some kind of feature that would inform users that they are using IE6 and that their browser is not supported. I was thinking about two possible solutions:

1. pop-out window (probably Javascript) with text informing the user on every page he visits
2. some special page with information, that user would be redirected to whenever he tries to access my application

Both solutions will be sufficient, however I would prefer the second one. Probably some magic javascript needs to be involved, can anyone could please provide a solution to this?

Answer 1

Help rid the world of IE6 with one line of javascript!

---

Update:
In case of IE6 users with JavaScript turned off, you can use a conditional comment. (graceful degradation)

<!--[if IE 6]>  
<span> THIS WEBSITE DOES NOT SUPPORT Internet Explorer 6. PLEASE UPGRADE. </span>  
<![endif]-->

_{(source: googlecode.com)}

Answer 2

I would probably use a conditional comment to show a bar or a box in clear view of the user on the page. JavaScript/Meta redirection is usually rather annoying for everyone involved.

<!--[if IE 6]>
    <div id="IE6Div">This Web Application does not support Internet Explorer 6.  
         Click <a href="/noIE6.htm">here</a> for more information.</div>
<![endif]-->

You can style it however you like then. I recommend a big bold bar at the top of your page that is stuck even when scrolling, turn off javascript and refresh a stack overflow page for an example.

If you're insistent on the JS method, try this script from Quirksmode for detecting the browser and the version, then use window.location.replace(newUrl) for the redirection.