Netscape not honouring my CSS

despair setting in!

[zonkd]

I always have trouble with Netscape, but it accepts most of the pages in the current site. But the css of three pages I was about to upload are totally ignored. IE6 obliges. Opera says ok +/-, but enough for a pass just.

I despair. Death for Netscape perhaps, suicide for me.

These are the divs used in these pages - linked from a separate file.

Do you css mastercraftsmen think the problem may lie here please?

#container2 {

position: relative;
text-align: left;
margin: 20px auto;
padding: 0;
width: 750px;
}

h1 {
font: 22px/26px Georgia, "Times New Roman", Times, serif;
color: #008500;
border-bottom: 1px solid #ccc;
padding: 0;
margin: 0;
height: 46px
}
ul#topnav {
margin: 0;
padding: 0 0 0 48px;
list-style-type: none;
font-size: 10px;
height: 27px;
}

.Crumbs{
font-size: 11px;
color: #008500;
padding: 5px 5px 5px 0px;
font-family: "Courier New", Courier, mono;

}

#StudentHead {

background-color: #FF6666;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
padding: 3px;
}

#Versal {
float: left;
font-size: 400%;
line-height: 83%;
font-style: normal;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #008500;

}

ul#leftnav3 {
float: left;
width: 130px;
text-align: right;
margin: 1px 20px 0 0;
list-style-type: none;
color: #008500;
padding: 0px 10px 0px 0px;
font-family: "Courier New", Courier, mono;
font-size: 11px;
text-decoration: none;

}

.CaptionFrame430 {
border: 1px solid #CCCCCC;
width: 420px;
float: right;
margin: 5px;
padding: 5px;

}
}
#footer {
clear: both;
border-top: 1px solid #ccc;
font: 12px "Courier New", Courier, mono;
color: #008500;
text-align: center;
margin: 10px 0;
padding: 2px 0 0 0;
}

[SuzyUK]

hmmm, different experience from mine..
Netscape, which I used for 2 years before Firefox, had the most consistent CSS support and usually did a good job of showing IE's forgiveness of errors.. ;)

First validate your CSS [jigsaw.w3.org]

then how are you actually calling the stylesheet to the three new pages? is it different from the rest and if it's @import can you paste your exact call please

Ta
Suzy

[Mr_Brutal]

Theres an extra } here

}
} <------------ here
#footer {

Would that make a diference?

[zonkd]

Mr Brutal

Well spotted, but that was just my mistake when pasting together the css that applied. (Be good if the error was so simple to correct.)Thanks

[zonkd]

Thanks SuzyUK. I didn't know about that validation. It has shown a fault or two but not the contributor(s) to the current problem.

No, the link to the css is the old
<link href="../css/Reports.css" rel="stylesheet" type="text/css">

Interesting that someone with your experience hasn't seen a problem there. Well, other pages I have posted on the site are very similar, using the same ss. Perhaps it's when I put a border round photos which enclose a caption too. No, can't be that because Netscape refuses to accept there's a neat column down, just splats everything over the screen, as if everything was wanting to be centred.
Ug

[SuzyUK]

Have you tested in any other browsers, Opera, Firefox, Moz?

What version are the browsers you're testing in?
And are you using a Doctype?

Is it possible that what you're seeing is typical of IE (any version) getting it "wrong" and all others getting it right?

a standard "rule of thumb" for developing with CSS is to develop pages in ANY other browser then fix them for IE, it's much harder the other way around ;)

Suzy

[edited by: SuzyUK at 1:55 pm (utc) on July 27, 2004]

[Old_Honky]

Which version of netscape are you using?

[zonkd]

Thanks, Suzy. I use dreamweaver, but I'll use opera then as the first line. Well, it usually works ok in opera and usally is ok in IE. And it's unusual too for this particular site to be so wrong in netscape.

You've probably forgotten, but it is so disappointing when things go suddenly wrong - without an answer easily to hand.

Cheers, Old_Honky, it's netscape 7.1

[drbrain]

You've got an invalid font declaration in your h1 rule. 22px/26px is not caught by the validator, but I cannot see where it is allowed in CSS2. Your HTML would also be of help.

Note that selectors are case sensitive, so #FOO does not match an id="foo"

[zonkd]

Thanks, Dr Brain. Do you make it a rule never to use caps in divs then? (VBA makes me feel they should have caps. Perhaps that's wrong thinking?)

[drbrain]

Just be consistent. There's nothing wrong with using ALLCAPS, StudlyCaps (aka CamelCase), lower-with-dashes, lower_with_underscores or some bastardization thereof.

Mix-n-match formatting will definetly trip you up, because you'll invariably use the wrong format and won't catch the error for a frustrating amount of time.

[zonkd]

All noted, and will follow your advice. Very grateful.