You must be aware that there are numerous browsers used by people for surfing the internet. Some of the commonly used browsers are Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera, Netscape, and so on. Now, if you observe carefully, you will find that some websites look quite different in different web browsers.
Let’s understand the technicality behind this phenomenon. Each browser parses a web code in a different way. A good web design aims to give a uniform look to the website, viewed from any web browser. Thus, a good website should be viewable in its full functionality on any web browser. This is called cross-browser compatibility.
Now, if you are wondering how you can ensure that your website is cross-compatible, follow these simple rules:
Test with 3 browsers
Download at least three different browsers, Internet Explorer, Mozilla Firefox and any other browser. Then test your website in all the three web browsers to check the cross browser compatibility. The reason for pre-considering Internet Explorer and Mozilla Firefox is the fact that these two are the most widely used web browsers in the world. So, it is important that your website is rendered perfectly when viewed on these browsers. While your website is in the process of development, it is recommended to run several cross browser tests to check its appearance and also other coding errors that might crop up in the process.
Validate your HTML code
Ensure that your code is W3C validated. W3C standard helps you maintain cross browser compatibility. You can validate your HTML code online at http://validator.w3.org/. Also you can validate your CSS code at http://jigsaw.w3.org/css-validator/. Note that these validation services are free of cost.
Choose HTML editor wisely
Dreamweaver is the best and most widely used editor when it comes to maintaining cross browser compatibility. However, you will need to avoid the use of layers. Do not use FrontPage, as it is an editor which specifically uses code for Internet Explorer. Sites coded on FrontPage are not always likely to be cross browser compatible, as there are several features in the editor which are not compatible in other browsers.
No website design can be 100% cross browser compatible, as the appearance may differ across various browsers. However, following the above mentioned steps can help you create a website that works well in the most common web browsers.
If there is one thing every web designer can agree upon, it’s that cross browser compatibility is the bane of website design!
Very good, informative & basic concept that I got from your writing.
July 23, 2012 at 3:53 pm Iftekhar Hossain
Nicely done. I was also expecting mention of mobile browsers also and how development should cover these. Please let me know when you do this.
February 29, 2012 at 6:17 pm Songo Eregoba
Browser compatibility is the biggest issue that every web programmer encounters during the final phase of developments. Thanks for sharing these tips.
October 26, 2011 at 5:52 am George
Excellent post Chris.It’s actually a bad thing for designers.
September 3, 2011 at 1:33 am The Invisible Art