Your Browser May be Broken

Preface:

With the sheer number of browsers out there from which to choose, it’s no wonder that web sites sometimes break. Currently (as of the time of this writing), there are six major browsers being used by the vast majority of internet surfers: Microsoft Internet Exploder, Mozilla, Firefox, Netscape (alt.link | alt.link), Opera, and Safari. That’s not counting the dozens and dozens of non-major browsers, such as Flock or iCab, some (but not all) of which are based on existing code, like the open source Firefox. And even that’s not counting the portable apps for mobile devices, which display - for the most part - no-frills versions of web pages. Also, most browsers have now seen several different revisions, which means that a lot of people are still using old versions of some of their browsing software. To top all that off, all of this different browser software is being run on a wide variety of platforms, such as Vista, XP, Mac OS X, Ubuntu, Solaris, FreeBSD, etc.!

The Symptom:

Does this page, or the page you just came from, look strange? Is it oddly formatted? Does it look disjointed or jumbled? Is it missing content that you’re sure should be there?

The Cause:

Individual web browsers often display web pages slightly - or even very - differently, because of differing levels of support for such technologies as HTML, XHTML, JavaScript, and CSS, to name a few. These are very stable, tried-and-true technologies, and there is no justification for browser developers to leave users hanging when their browser doesn’t implement web standards properly. (To see if your web browser is keeping up with well-established web standards, check out the Acid tests - you may be startled by the results!)

Unfortunately, it is no longer practical for a web designer to be able to test a web document in all possible combinations of browser, platform, screen resolution, etc. Although we can easily install several different browsers, we can’t usually afford to have several computers all running various operating systems on which to test each of these browsers. And very few web designers have more than the top four or five browsers installed. None of us is keen on installing hundreds of browsers, dozens of versions of each, on which to repeatedly test each of the web pages we create.

In short, we code as best we can, following the current standards and conventions as properly as possible. Then, when it breaks in Internet Exploder, which it inevitably will, and in several different ways in every single version, we revise our code, sometimes introducing CSS hacks, the web equivalent of duct tape. When the fixes break the web page in browsers that actually handle proper code, we revise it again, fix it for MSIE 5.5/6/7/(8), lather, rinse, and repeat.

The Solution:

For the web pages that i create, everything should look pretty much the same in all of the major modern browsers. However, if it doesn’t, here are some tips:

And if these tips don’t help, please contact me to tell me what went wrong so i can look into it. Please be sure to specify what browser, operating system you are using and what was wrong with the web page (include a screen shot if you know how). Lastly, don’t forget to tell me the URL (link) of the web page you were having problems with, and whether it happened on all other pages from that domain. Thanks!!