Episode #94


Designing Sites For All Browsers

I’m having compatibility issues with my CSS it will not work in internet explorer but it will work in other browsers like firefox. It seams that IE cannot read the CSS file. A couple of weeks ago we were adding a new theme to our site. The CSS file worked in IE but something happened and now it dose not work. I really need help because I have no team for my site and it is really hard work.

MacKenzie, Tracyville, NS



This is the single biggest roadblock to web development today. The mainstream browsers all render CSS differently. You need to design your site to test for the browser and offer the proper code for each. This kind of hacking is really ugly, but it’s currently the only good solution. I recommend Dan Cederholm’s Bulletproof CSS for some useful hacks and tips.

You’ll also find numerous web sites (like http://www.positioniseverything.net/) that address IE-Firefox compatibility issues. Keeping up with these is very nearly a full-time job!

It’s best to start with fully compliant CSS code then adjusting to compensate for issues in specific browsers.

One way you can try to figure out where the problem lies is at at the W3C’s CSS validator page: http://jigsaw.w3.org/css-validator/