From Seo Wiki - Search Engine Optimization and Programming Languages
Cross-browser refers to the ability for a website, web application, HTML construct or client-side script to support all the web browsers. The term cross-browser is often confused with multi-browser. Multi-browser means something works with several web browsers. Cross-browser means something works with all versions of all browsers to have existed since the web began.
The term was widely used during the browser wars in late-1990s. In that context, the term referred to websites and code snippets that worked in both Internet Explorer and Netscape Navigator. During the browser wars, new features were added to browsers without any coordination between vendors. Thus it often happened that though both browsers supported some particular feature, there were differences in the way the feature worked, ranging from slight cosmetic issues to profound conceptual differences.
The term is still in use, but to lesser extent. The main reasons for this are:
- Later versions of both Internet Explorer and Netscape included support for HTML 4.0 and CSS1, proprietary extensions were no longer required to accomplish many commonly desired designs.
- Somewhat more compatible DOM manipulation techniques became the preferred method for writing client-side scripts.
- The browser market has broadened, and to claim cross-browser compatibility, the website is nowadays expected to support browsers such as Mozilla Firefox, Opera, and Safari in addition to Internet Explorer and Netscape.
- There has been an attitude shift towards more compatibility in general. Thus, some degree of cross-browser support is expected and only its absence needs to be noted.
Example of cross-browser coding
<div id="sample" style="position: absolute; top: 100px; left: 100px;">some text</div>
document.layers['sample'].left = 200;
However, to accomplish the same thing in Internet Explorer 4 you need to do this:
document.all['sample'].style.left = 200;
In order for the code to work in both browsers and thus be cross-browser compatible, it could be written like this:
if (document.all) document.all['sample'].style.left = 200; else if (document.layers) document.layers['sample'].left = 200;
document.getElementById('sample').style.left = '200px';
- QuirksMode — differences in modern web browsers, and some ways to get around them
- browsershots.org — Free open source resource to see how a web site is displayed in different browsers.
- Multi-Browser Viewer — Cross browser testing software that allows you to run different browsers on the same machine
- BrowserSeal — Cross browser sreenshot application with standalone versions of all major browsers
- Google Cross Browser FAQ's — Google's official cross browser FAQ's with regards to Google Chrome browserar:التوافقية مع متصفحات الويب