Browser-specific Style Sheets

Finally, style sheets have come into general use on the Web.

Authors are finding, however, that the two browsers support styles in different ways. Until the standards are finally adhered to, authors may be forced to include browser-specific style sheets in their pages.

We have seen many attempts to point browsers to specific styles, but they have all lacked elegance. Most use a variation of the document.write("<STYLE... technique. We, too, have been guilty of this brute-force approach in the past.

In this short article, we will discuss three different, but elegant, approaches to solving the browser-specific style problem. They all avoid using document.write() and, therefore, the Navigator document.write()/window resize-related bug.

Prerequisite

You must have a rudimentary knowledge of CSS style sheet use. If you don't, one can be quickly obtained by reading Cascading Style Sheets or the many tutorials at HTML with Style, here at WebReference

Our first example uses only HTML!