{"id":19,"date":"2009-03-09T21:52:15","date_gmt":"2009-03-10T05:52:15","guid":{"rendered":"https:\/\/www.bhavyatechnologies.com\/blog\/?p=19"},"modified":"2017-07-12T07:11:12","modified_gmt":"2017-07-12T15:11:12","slug":"cross-browser-compatibility","status":"publish","type":"post","link":"https:\/\/www.bhavyatechnologies.com\/blog\/cross-browser-compatibility\/","title":{"rendered":"Cross Browser Compatibility"},"content":{"rendered":"

T<\/strong>here are literally hundreds of web browsers in use around the world. All of them implement the W3C document standards a little differently. Web designers must wrestle with these differences to make a web site work. This article discusses the effect those different implementations has on design. <\/p>\n

What is Cross Browser Compatibility?<\/strong> <\/p>\n

If a web page is completely cross-browser compatible, it will look more or less the same in all of the existing web browsers. The most commonly used browsers are Internet Explorer, Netscape Navigator, Firefox and Opera. The table below shows their usage as of November 2005.<\/p>\n\n\n\n\n\n\n\n\n\n
Browser<\/strong> <\/td>\n\n

% Of Users<\/strong> <\/p>\n<\/td>\n<\/tr>\n

\n

Internet Explorer 6<\/p>\n<\/td>\n

\n

68<\/p>\n<\/td>\n<\/tr>\n

\n

Internet Explorer 5<\/p>\n<\/td>\n

\n

6<\/p>\n<\/td>\n<\/tr>\n

\n

Firefox 1<\/p>\n<\/td>\n

\n

17.5<\/p>\n<\/td>\n<\/tr>\n

\n

Firefox 1.5<\/p>\n<\/td>\n

\n

1.5<\/p>\n<\/td>\n<\/tr>\n

\n

Netscape<\/p>\n<\/td>\n

\n

3<\/p>\n<\/td>\n<\/tr>\n

\n

Opera<\/p>\n<\/td>\n

\n

1.5<\/p>\n<\/td>\n<\/tr>\n

\n

Other Browsers<\/p>\n<\/td>\n

\n

2.5<\/p>\n<\/td>\n<\/tr>\n<\/table>\n

Each one of these browser implements HTML, JavaScript and Cascading Style Sheets (CSS) a little differently. Some difference only create cosmetic difference others can break the webpage. The situation gets worse because each browser is free to implement \u201cenhancements\u201d to the W3C standard version of each of these formats. <\/p>\n

Then to compound matters even more the underlying operating systems also creates difference in how the computer displays graphical elements and text differently. When you add the fact that people are also using multiple versions of each of the browsers, no wonder web designers get headaches. <\/p>\n

So what is a web designer to do?<\/strong> <\/p>\n

Obviously, 100% compatibility with all potential browsers is impossible. But it is possible to design your web page so it will work in the most popularly used browsers. <\/p>\n

To accomplish that, a web designer must write squeaky-clean code that conforms to the W3C standards to get consistent results across all browser platforms. The whole idea behind the standards is that if each browser adheres to the same set of rules, you will get more or less consistent results in all of the existing browsers. <\/p>\n

Conforming can be a real challenge. It will limit some of the neater effects available in specific browsers. There are online code validators available. You can validate HTML code athttp:\/\/validator.w3.org<\/a> , the validator can also validate your CSS and links. The service is free. <\/p>\n

The validator checks your code based on the DOCTYPE you specify on the webpage. The DOCTYPE tells the browser which version of HTML or CSS the web page is using. <\/p>\n

HTML Editors<\/strong> <\/p>\n

There are some compatibility issues associated with anything other than hand coding for HTML (and for that matter, even with hand coding.) <\/p>\n

Best Choice<\/strong> – The best choice for compatibility is Dreamweaver but you cannot use layers. Layers must be converted to tables to be used. <\/p>\n

Worst Choice<\/strong> – The worst choice is FrontPage. FrontPage is loaded with problems because it uses Microsoft and therefore internet explored specific code. Items that will not work in other browsers include:<\/p>\n