CSS not working correctly in Netscape but ok in IE

[incmeister]

I am having a tough time getting my multiple styles to work in Netscape. I finally was able to get the first couple working. I have to make sure I have different CSS in IE and Netscape (not to mention check for mac). This is my code to check:

<LINK href=&quot;../sermons-net.css&quot; rel=stylesheet type=text/css>

<SCRIPT LANGUAGE=&quot;JavaScript&quot; TYPE=&quot;text/javascript&quot;>
<!--
// DEFINE CONSTANTS
var BASE = &quot;

http://www.cc-ob.org&quot;;

var PLATFORM = navigator.appVersion.toLowerCase();
var CLIENT = navigator.appName.toLowerCase();
var VERSION = parseInt (navigator.appVersion);

// ALTERNATE STYLESHEETS
if (CLIENT != &quot;netscape&quot document.write('<LINK REL=&quot;stylesheet&quot; HREF=&quot;' + BASE + '/sermons.css&quot; TYPE=&quot;text/css&quot;>');
if ((PLATFORM.indexOf(&quot;mac&quot != -1) && ! (CLIENT != &quot;netscape&quot; && VERSION > 4)) document.write('<LINK REL=&quot;stylesheet&quot; HREF=&quot;' + BASE + '/sermons-mac.css&quot; TYPE=&quot;text/css&quot;>');
-->
</script>
...
This is where the problem comes in:
My &quot;a href&quot; is the same in both Netscape & IE,
<TR>
<TD rowSpan=13 valign=&quot;top&quot; width=&quot;154&quot; bgcolor=&quot;#000066&quot;>
<p align=&quot;center&quot;><a href=&quot;../2002/02sermons.htm&quot;><img border=&quot;0&quot; src=&quot;../images/back-white.gif&quot; align=&quot;center&quot; width=&quot;68&quot; height=&quot;25&quot; alt=&quot;back to sermons page&quot;></a>
</p>
<p>
<div class=&quot;10whitebold&quot; align=&quot;left&quot;>
<a class=&quot;10whitebold&quot; href=&quot;

http://real.demandstreams.com/ramgen/ccob/meyer011302.rm&quot;><img

border=&quot;0&quot; src=&quot;../images/videobtn.gif&quot; align=&quot;left&quot; width=&quot;30&quot; height=&quot;30&quot; alt=&quot;Play Video&quot;>Play Video</a></div>
//the above works fine.

Problem: comes out with dark blue font instead of white 8pt.
<div class=&quot;8white&quot;>Real Video SureStream</div><br><br>
...

Do I need to convert these to:
<a href=&quot;&quot; class=&quot;8white&quot;>Real Video...
to get these to work?

Here is the .8white in my sermons-net.css:
.8white { color:#ffffff; font-size:08pt; font-family:sans-serif, arial, helvetica; text-decoration:none; }


Will it show okay on a mac?
Any input is appreciated!
Thanks -
Cindy

 

[xutopia]

call your class 8white some name starting with a valid starting character (no numbers only letters or _ underscore) Gary

http://www.xutopia.com

Haran