Style Sheet Compliance with IE & Netscape

[desiboyz]

Hello,

I'm using style sheets to create my new site. However, I'm having trouble making it compliant with both Netscape & IE. When I do "font-size: 11px" it works fine on IE but on Netscape it looks like it's using 10px. If I change that to 12px then IE views it in 12px while Netscape does in 11px. It seems that Netscape is reducing 1 font size while viewing. Can you tell me what the problem could be? Also, is it possible for Netscape to use a different style sheet that I specify than IE? So this way I can specify 12px for Netscape and 11px for IE... so both of them view at 11px. Another thing is Netscape won't do the a:hover. Here is a part of my style sheet:


a {font-family: arial, verdana, sans-serif;
color: #408080;
font-size: 11px;}


a:hover {font-family:arial, verdana, sans-serif;
color: #FFA500;
font-size: 11px;
font-weight: bold;
font-variant: small-caps;}


.textarial {font-family: arial, verdana, sans-serif;
color: #000000;
font-size: 11px;}


Your help and time is really appreciated. Thank you.

Noble Varughese

[WebKat]

"NetMechanic has a good article about the problems you are encountering with font sizing & CSS. Each browser views them differently as you have found out...

...and here is another article about "CSS & Netscape" explaining why Netscape may not be able to recognize CSS and what you can do. Also Netscape doesn't recognize Hover Links...

Also if you need a good CSS tutorial you can find one here at "HTML Goodies"...


[Edited by WebKat on 10-22-2000 at 09:06 PM]

[temis]

Netscape is notorious for that. Also, it semms that on platforms, other than Win* Netscape makes the fonts even smaller.

Try using em's

And read the tutorials

[creole]

a good solution would be to use some sort of browser detection where you would give the user one stylesheet or another based on what browser they are using...

Many sites use this method...