What is the best way to test websites created with css?

Question

What is the best way to test websites created with css? Across broswers..

Answer 1

Validating a web page (i.e., validating your HTML or CSS code) basically means using a program or an online service to check that the web page that you created is free of errors.

1) In particular, an HTML validator checks to make sure the HTML code on your web page complies with the standards set by the W3 Consortium (the organisation that issues the HTML standards).

There are various types of validators. Some check only for errors, others also make suggestions about your code—telling you when a certain way of writing things might lead to (say) unexpected results. The W3 Consortium has its own online validator—which you can use for free. It may be found at:

http://validator.w3.org/

2) A CSS validator checks your Cascading Style Sheets in the same manner. Basically, most will check them to make sure that they comply with the CSS standards set by the W3 Consortium. There are a few which will also tell you which CSS features are supported by which browsers (since not all browsers are equal in their CSS implementation). Again, you can get free validation for your style sheets from the W3 Consortium:

http://jigsaw.w3.org/css-validator/

3) There are numerous other validators around, both free and commercial. They focus on various aspects of ensuring that your code will run trouble-free across browsers and platforms. You can find a list of free ones (including specialized validators, like those that check your code for accessibility: free HTML validators, CSS validators, accessibility validators) from:

http://www.thefreecountry.com/webmaster/htmlvalidators.shtml.

4) Note that validating your web page does not ensure that it will appear as you want in various browsers. It merely ensures that your code is without HTML or CSS syntax errors. Ensuring that your code appears correctly in different browsers require cross browser testing. You can read more information about how to do this—even if you only have one computer—from the article How to Check Your Website with Multiple Browsers on a Single Computer:

http://www.thesitewizard.com/webdesign/multiplebrowsers.shtml

Answer 2

First, verify the CSS at http://jigsaw.w3.org - that is the "official" W3 (World Wide Web Consortium) validator. There, you will find whether the grammar and spelling of your file is/are correct.

Then, I would suggest, keep a copy of all browsers on your computer: I keep IE7, Firefox2, Opera9.2, Safari/Windows, W3Amaya, Netscape. Test on all.

Finally, go test on pal's computers. and yer library's free, so why not?

Answer 3

I have firefox with ie tab extention. Firebug extention, and web developer extention.