How do I kindly tell my users to upgrade from IE6?

It’s almost impossible to get every site working properly on IE6 and with the way it renders HTML & CSS what developer in their right mind would even want to try? I wrote a little HTML & CSS to target users on IE6, in hopes that some of them will upgrade to something a bit more current.

HTML

<div id="ie6_user">
  <!--[if IE 6]>
  Looks like you're using Internet Explorer 6 but Headliner.fm does not support it.  For the best experience use <a href="http://www.mozilla.com" target="_blank">FireFox</a> or <a href="http://www.google.com/chrome" target="_blank">Chrome</a>.
  <![endif]-->
</div>

CSS

#ie6_user{
  background-color:#f6f37d;
  color:black;
  border:1px solid #edc748;
  padding:10px 0px;
  text-align:center;
  font-size:14px;
}

Here’s what it ends up looking like:

Back to Blog