metablog

Working with Internet Explorer is not fun. Working with WordPress is. For people who use, modify, and work with WordPress in Internet Explorer, you might notice that your blog will look very different in these old browsers.

I found this nice article, which helped me modify this blog for Internet Explorer, but still keep styles I wanted for Firefox, Safari, and well . . . any other browser.

The post suggested I use a different stylesheet altogether for Internet Explorer. So I did. And this is how I did it :

Make a copy of your themes css file (usually style.css) and rename it to iestyle.css (in this example). That file is where our IE specific css and tweaks will reside safely, not polluting any other browser except IE ;’) If you know what changes you want to make for just IE, go ahead and enter them now (in iestyles.css).

Now we’re going to use a conditional comment (as recommended by M$ to address these issues) so that whenever IE version 6 or less (and only IE version 6 or less) comes to our site, it will see our iestyles.css. We need to edit the theme’s header.php file. Open it up and look for where our styles.css is called. The conditional comment has to appear after the existing call to style.css!

Place this conditional statement in your header.php:

And make sure you change the link of your stylesheet!!

Thanks again to Sam at samdevol.com for the great tip and clear documentation!