Ryan Roberts

Quick Tip: Combine IE6 & IE7 style sheets into one CSS file

The star filter filter hacks and conditional comment are both well known methods of targeting Internet Exploder 6 and 7, and by using these together in one style sheet served from an IE conditional comment you can cut down on HTTP requests, focus your work into one file and help improve your productivity.

Start off with a CC targeting Internet Explorer 7 and lower;

<!--[if lte IE 7]>
	<link href="ie.css" type="text/css" rel="stylesheet" media="screen"/>
<![endif]-->

Now in this style sheet you’ll want to use the above mentioned filters to target both IE 6 and 7, here’s an example;

/* IE6 styling */
* html #content {
	width: 300px;
	}

/* IE7 styling */
*+html #content {
	width: 200px;
	}

But what about IE8? Well so far I don’t know of any hacks to specifically target version 8. This isn’t anywhere near as bad as the previous versions when it comes to bugs but I have come across some over the past few weeks. Let me know if you find anything or if you work out a better solution to above.

Fun with CSS Border Radius

Here’s a CSS experiment I was playing with and posted on twitter recently, with no blog at the time there wasn’t much chance for an explanation or discussion so I thought I’d give it its own place here :)

Continue reading…