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:
bc.. #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;
}
p. And, as you noticed, I am using a redirect function to send people to “Opera”:http://www.opera.com/ or “Firefox”:http://www.firefox.com – mainly because I want to monitor which browser is the more “popular” among those willing to investigate new browsers.

Previous Post

4 Comments

  1. Assuming that the visitor is running an updated version of IE, he already has integrated popup blocking. I’m not to compare the security of IE to Opera or Mozilla, but I do know that Microsoft at last seems to take security more seriously, and that later versions of their software, including IE, seems to be better from a security perspective.

  2. There is one problem with upgraded security and popup blocking in IE: Microsoft won’t offer security and convenience to everyone, only to those running Windows XP.
    At this site, about one third of the Windows users are _not_ running XP, and of those who _do_ run XP, I have no idea whether they’ve installed Service Pack 2 or not.

  3. Andreas

     /  2004-12-11

    As it turns out, the style you have chosen to decorate the notice with makes it look remarkably like Internet Explorer’s (SP2 version) own notices, e.g. the message displayed when a pop up has been blocked. This was a bit confusing when I visited this site with IE for the first time since you redesigned.

  4. Andreas: That choice is not entirely random, as I want people to notice it. Remember: That dialog also shows up when a web site wants to run ActiveX controls, and the likes. I want people to stop for a moment and read that notice.