Tangled web



Monday, May 06, 2002

CSS browser compatibility
 
Someone on the HWG-Techniques list recently asked ['CSS question with NN' 4/29/02) if there's a way in CSS to create two styles, one for NN one for IE, and have it match the browser?

The answer, supplied by HWG regular Elizabeth Davies, was to combine a linked style sheet for the older Netscape browser and
an imported one for the newer. Like so:
<link rel="stylesheet" href="styles/style.css" type="text/css">
<style>
@import url(styles/style_import.css);
</style>


The older version doesn't recognize @import and so ignores it; the newer browsers, of course, recognize and thus use the second command - that's how cascading works.

For further research, some CSS browser compatibility links:
web review
About.com
Cascading Style Sheets - general css help
Freespace compatibility chart

[code note: The coding for this entry included html tags and css references. The left and right angle brackets are designated as greater-than and less-than, thus: &lt; &gt; Furthermore, the 'at' symbol is designated as &#64. The 'at' jammed up the blogger javascript until designated thus. I had to look pretty hard to find the character entity for it. See Hypertext markup for a long list of symbols.]