Arve Bersvendsen

IE and styles

In my last entry, I said that during the time the design here still is in flux, Internet Explorer users aren’t getting any styles. What they are getting, however, is an upgrade notice.

Notice to Internet Explorer users: While this design still is in beta, style information is being hidden from your browser, because your browser lacks support for many modern CSS features. Upgrading to either Opera or Firefox is strongly recommended. Upgrading to either browser will enable you to both view the intended visual design, and provide you with a better browsing experience:

• Enhanced Security
• Tabbed Browsing
• Mouse Gestures
• Integrated Popup Blocking

This upgrade notice is being served as follows:

<!--[if IE]><div id="ienotice">
<p><strong>Notice to Internet Explorer users:</strong>
While this design still is in beta, style information is being hidden from
your browser, because your browser lacks support for many modern CSS
features. Upgrading to either <strong><a title="Opera"
href="http://virtuelvis.com/redir.php?id=1">Opera</a></strong>
or <strong><a title="Firefox"
href="http://virtuelvis.com/redir.php?id=2">Firefox</a>
</strong> is strongly recommended. Upgrading to either browser will enable
you to view the intended visual design. In addition, these browsers provide
you with a better browsing experience:</p>
<ul>
<li>Enhanced Security</li>
<li>Tabbed Browsing</li>
<li>Mouse Gestures</li>
<li>Integrated Popup Blocking</li>
</ul>
</div><![endif]-->

Some subtle styling is added to draw the user’s attention:

#ienotice {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  font-size: 13px;
  background-color: InfoBackground; /* rgb(255,255,225); */
  margin: 0;
  padding: 2px 5px;
  width: 100%;
  border-bottom: 1px solid black;
  font-family: "MS Sans Serif", Tahoma, sans-serif;
}
#ienotice p {
  padding: 0.2em;
}
body {
  margin:0;
  padding: 0;
}

And, as you noticed, I am using a redirect function to send people to Opera or Firefox - mainly because I want to monitor which browser is the more “popular” among those willing to investigate new browsers.