Re: can't get number size to pay attention to css in netscape

by "Martin Clifford" <MLC1(at)nrc.gov>

Date:	Fri, 29 Mar 2002 08:40:40 -0500
To:	<thewolves(at)bigfoot.com>, <lcoats(at)gte.net>, <rhall(at)umr.edu>
Cc:	<hwg-basics(at)hwg.org>
	todo: View Thread, Original

The only thing I have to add this is:

If you are trying to do cross-browser CSS... you're in for a LOT of work.  =
There are so many browser incompatabilities it's crazy.

Martin

>>> lcoats(at)gte.net 03/29/02 02:48AM >>>
Hall, Richard H. wrote:

> For some reason I am having a heck of a time getting the actual numbers =
in Netscape to pay attention to css I wrote for the ol tag.
>=20
> td, a, ol, p,li {
> 	font-family: Arial, Helvetica, sans-serif;
> 	font-size: 12px;
> 	}
>=20
> Then, when I write something like:
>=20
> <ol>
> <li>This is number one</li>
> </ol>
>=20
> The text is fine, but the actual number looks huge and isn't the correct =
font.
>=20
> This occurs in Netscape 6, but the numbers look fine in IE 6.
>=20
> ... any ideas?
>=20
> ...thanks ... Richard

Hmmm. I did some playing, and I'm very confused. In my testing, I ended=20
up with this:

<html>
<head>
<title>Form Test</title>
<style type=3D"text/css">
ol { color: red; font-size: 30px; }
li { color: blue; font-size: 30px; }
</style>
</head>
<body>

<ol>
<li>This is number one</li>
<li>This is number two</li>
</ol>

</body>
</html>

In Netscape 4 (Win98), the results were what I expected. Both the=20
numbers and the text were very large. The numbers were blue, and the=20
text was red, since Netscape 4 only applies li styling to the numbers=20
and not to the text.

In Netscape 6, everything was blue and looked fine - except that the=20
numbers didn't resize. The text is huge, but the numbers' sizes didn't=20
change.

What really surprised me was IE 5. Everything was blue, as expected, =
but=20
the font-size was entirely ignored. Everything remained in the default =
size.

I can't see anything wrong with the css code, and can't understand why=20
the font-size isn't getting applied in IE 5 and only partially applied=20
in Netscape 6. I tried 30pt instead of 30px, and got the same result.=20
Anyone have any ideas?

Larry Coats

HTML Guild: hwg-basics mailing list archives, maintained by Web Professionals @ IWA