Now Using the Universal IE6 Stylesheet

Published Thursday 18th of June 2009

When looking through the stats for my various sites I noticed that some people are actually still viewing them in IE6. Today I decided to get rid of all my IE6 and IE7-problems forever.

Universal IE6 CSS

I recently read about Andy Clarke's Universal Internet Explorer 6 CSS and decided it was about time I implemented something like this in aFramework.

If you've been following Exscale you'll know that I've used an "IE-warning" for some time, but I very much prefer this approach where IE-users still get a rather pleasant experience (rather than a completely broken site and a warning).

I've still kept the notice though, encouraging IE-users to upgrade to a real browser.

I decided to implement it for both IE 6 and 7. The latter is of course better but it's still pretty bad and 8 is out so there's no reason not to use that if you absolutely must stick with M$.

I'm not just hiding styles but also decided to not give those versions of IE any JS. I build everything with progressive enhancement so the site will still be accessible.

If you're interested in the code used to serve my real style and scripts to everything but IE6 and 7 and the "universal ie6 css" to them here it is:

<!--[if !IE 6 & !IE 7]>-->
    <
link rel="stylesheet" type="text/css" media="screen,projection" href="real-stylesheet.css" />
<!--<![endif]-->
<!--[if 
lt IE 8]>
    <
link rel="stylesheet" type="text/css" media="screen,projection" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" />
<![endif]-->

How are your feelings on IE6?

Tags
No tags
Comments
3 comments

Bookmark this Article

  • del.icio.us
  • Digg
  • Furl
  • Google
  • Technorati
  • Ma.gnolia
  • Blinklist
  • Blogmarks
  • Rojo
  • Stumbleupon
blog comments powered by Disqus

Random jQuery Plug-ins

  • Equal Height

    This plug-in makes HTML-elements equal height by adjusting their min-height CSS properties. Of course IE6 has no clue what min-height means so the plu...

    Details

  • Favicons

    This little plug-in will insert favicons to all external links found on your site. The plug-in scans the URL the link is pointing to for a favicon and...

    Details

  • Live Search

    Use this plug-in to turn a normal form-input in to a live ajax search widget. The plug-in displays any HTML you like in the results and the search-res...

    Details

More Plug-ins

Recent Comments

Powered by Disqus
Page cached. Loaded in: 0.0248 second(s).
Last DB change: 2012-04-02 11:06:05
Last file change: 2012-04-25 20:30:39
Cache created: 2012-05-17 11:16:58