Adair Cameron

CSS IE Only

I’m currently working on a website and trying to overcome the css issue that is IE (Internet Explorer).

It can be a dangerous thing using an Apple Macbook when building a website. Everything is coded up and looking good then all of a sudden you think @£$% I’ve forgotten about Windows users and the evil IE6.

So I log in to my Adobe BrowserLab account (a highly recommended tool) and find that all browsers look great other than IE6 & IE7. So my solution was to query ‘css ie only’ and find a great article by Chris Coyier @ CSS Tricks called How To Create an IE-Only Stylesheet.

So I decided to focus on IE7 and below since IE8 was working just fine, using the following code;

<!—[if lt IE 8]>
<link rel=”stylesheet” type=”text/css” href=”style_ie.css” mce_href=”style_ie.css” />
<![endif]—>

All seemed to work fine at first until I looked at other pages such as ../about/ where the issue remained? So I tried the following without luck;

<!—[if lt IE 8]>
<link rel=”stylesheet” type=”text/css” href=”../style_ie.css” mce_href=”style_ie.css” />
<![endif]—>

I even tried the actual url of the IE stylesheet but it still doesn’t work.

Does anyone have experience with doing CSS for IE only and have a solution for this please?

I&#8217;ve got to do something creative with this chart! I love it! It&#8217;s officially my desktop picture.
Thanks to the guys over at @paper_leaf for their Color Theory Quick Reference Poster

I’ve got to do something creative with this chart! I love it! It’s officially my desktop picture.

Thanks to the guys over at @paper_leaf for their Color Theory Quick Reference Poster

Favourite thing about the facebook update - the header navigation design.
Something about the use of subtle background colours (#3B5998 &amp; #627AAD). The icons &amp; links fit perfectly with the height and the search bar given for more prominence in terms of position and width but still manages to not get in the way of the over design.
I&#8217;ve become a big fan of spotlight search since getting a mac and think it works perfectly with the search bar - have they reduced the font size slightly?
Interesting how just the other day Google appeared to have reduced the font size in Google Suggest - now a similar pattern is found with Facebook search!?! It wasn&#8217;t that long ago that search bars and spotlights were becoming big &amp; bold.

Favourite thing about the facebook update - the header navigation design.

Something about the use of subtle background colours (#3B5998 & #627AAD). The icons & links fit perfectly with the height and the search bar given for more prominence in terms of position and width but still manages to not get in the way of the over design.

I’ve become a big fan of spotlight search since getting a mac and think it works perfectly with the search bar - have they reduced the font size slightly?

Interesting how just the other day Google appeared to have reduced the font size in Google Suggest - now a similar pattern is found with Facebook search!?! It wasn’t that long ago that search bars and spotlights were becoming big & bold.