Netscape 7.0 not reading css ?

[Bowdii]

h1 {font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1.2 em;
font-color: #333333;
text-align: center;

}

Looks great in any other browser, but for some reason the Layers are being forced to overlap due to the size of the header text. It is so big, that its pusing everything to overlap.

Thanks for any help/comments!

[wkitty42]

try reducing your em value... also, i'm not sure if spaces are relevent and it looks like you have "1.2 em" rather than "1.2em"... another thing to remember, its not the size that counts but the H-tag... you could have an H1 with a small fontsize and an H4 with a large fontsize... the H's are important and their ordering is, too... no H4s without a previous H3 and no H3s without a previous H2...

[Bowdii]

Okay, i took the space out, and reduced the em value 20 1.0em; The size changed on every browser, but did not in Netscape?

h1 {font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1.0em;
font-color: #333333;
text-align: center;

I only have H1 tags on this page, but thanks for the tip about the H2,H3 ordering.

[Reflection]

Hard to tell what the problem is without a little more information. One possiblity is that your H1 tag with font-size of 1.2em could be inheriting a relatively 'large' font size from its parent element(ex 1.2 * parent element font-size).

One other note not related to your problem but your font-family, font-style, and font-weight definitions are not necessary. Style and weight are the default for H tags and family is inherited(if you have it declared in your body already).

[wkitty42]

another thing to remember is that the H-tags are to indicate outline headings for your document... there should only be one H1 tag on a page...

right:
h1 page title
h2 subtitle
h3 topic 1
-- content for 1
h4 subtopic 1a
-- content for 1a
h4 subtopic 1b
-- content for 1b
h3 topic 2

wrong:
h1 page title
h2 subtitle
h1 topic 1
-- content for 1
h2 subtopic 1a
-- content for 1a
h2 subtopic 1b
-- content for 1b
h2 topic 2

H-tags are /not/ for enhancing the text... they are heading indicators... tags like EM, STRONG, B, and I are text enhancements...

when you validate your page at www.w3c.org, make sure you check the "display outline" box and then look to it at the end of the results... if it doesn't represent an outline of your document then you are abusing the H-tags... validation is your friend...

this related thread should help [webmasterworld.com...]

[DrDoc]

A few thoughts:

Maybe there's an error in a previous CSS rule?
You're not using any HTML comments, are you?
Is the Web server feeding the style sheet as text/css?

[drbrain]

Good call DrDoc!

You can use Page Info on any file displayed in your browser to determine the MIME type of the file. Occasionally, you'll get warnings about CSS and MIME types in the JS Console as well.