October 1, 2008 by Andy Russell
Testing your new website on all the major browsers can be one of the most irritating things that a Web Designers has to do.
At the very least you should be checking it on the 4 main browsers.
- Firefox
- Internet Explorer 6
- Internet Explorer 7
- Safari
One of the most useful tools I have found for fixing these bugs is Fire Bug.
Fire Bug is an extension for Firefox that allows you to look at the HTML and CSS.
Clicking on the element will pull up all the related CSS properties.
It can show you margin, padding, styles, overwritten styles, and that’s just the basics!
If you debugging your site, I would strongly advise downloading this as it can heavily cut down the time spent looking for those little bugs!
You will defiantly get the most headaches from Internet Explorer as they follow their own rules and just seem to display pages in a completely different way to everyone else.
If worst comes to worst, and you just can’t get your site to display the same on Internet Explorer using one CSS file, you can create an IE Fix!
This is a simple bit of Javascript that tells the site if its IE6 then load one fix, if its IE7 then load another.
This bit of code will sit after the universal CSS file, as the idea is to replace the troubled CSS styles with a new one that is only read by internet explorer.
Related posts:
