CSS Style Sheet problem

[frei]

Hello

I'm using a style sheet for my website, including an
a:link { font-family: arial; font-size: 10pt color: #990066; }
tag for the links.

Now I need a small link of 7 pt and used the tag
<a style='font-size:7pt;' href="link.htm">Link</a>
the override the default setting shown above.

But... this doesn't work for mac users! Mac users see the link much smaller, almost unreadable. :confused: I need a link with 7 pt for Mac AND PC users!

Does someone have an idea to solve that problem? Thank you very much!

[websmith99]

Please be more specific as to which browsers on the Macintosh render the fonts much smaller than those on Windows platforms.

I happen to know that IE5 for the Mac renders fonts at a non-standard size.

Regardless, the Mac in general renders fonts specified in points smaller than the same font in a Win environment.

Why not do operating system detection using JavaScript and serve alternate stylesheets using document.write(


if (navigator.platform.indexOf('Win')== -1) {
// non-windows style sheet - if you also support UNIX
// then be more specific
document.write('<link rel ..... >');
} else {
// windows style sheet
document.write('<link rel ..... >');
}

or

if (navigator.platform.indexOf('Mac')== -1) {
// non-mac style sheet
document.write('<link rel ..... >');
} else {
// mac style sheet
document.write('<link rel ..... >');
}