This is a frequent question asked to me How to create a Browser Compatible Website Design.

Generally people ask

1. My website looks different in different browsers?

2. Why my website looks different in Internet Explorer and Firefox?

3. CSS styles are not working in some browsers?

4. Alignment is not proper for some browsers?

And many more

 

So the question arises How to make a Website Browser compatible? That it should look same in all browsers like

1. Internet Explorer

2. Firefox

3. Google Chrome

4. Safari

5. Opera

 

The answer is following the XHTML and CSS standards according to the XHTML and CSS version.

Unless one does that the website will not look similar in all browsers i.e. won’t be Browser Compatible.

And to make the job easy W3C has created some tools that are available online which many of us are unaware hence decided to write this article

 

The tools are

To validate HTML and XHTML

http://validator.w3.org/

To validate CSS

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

Here you can do direct upload or paste it or give URL of your pages and CSS files

 

And also some handy open source tools

http://www.w3.org/QA/Tools/

 

This website follows XHTML 1.0 and CSS 2.1 standards and hence if you view it in any browser it will look similar with all formatting and alignment. You can also view the Valid HTML and Valid CSS Logos by W3C Just Click on it to see the test results