Re: CSS in NN giving me fits!

Bryon,
    I've also had major issues with CSS in Netscape (4.5).
I've so far found 3 reasons why it causes problems:
1) style sheet elements do not inherit properly like they do in IE. e.g.
your "font-family: Arial, Helvetica,  Sans-serif" works ok for regular text,
but the h1 doesn't pick it up. Code font styles in all your element
definitions (I know, it takes the "cascading" out of cascading style sheets)
2) NN insists you have the semicolon, otherwise it doesn't understand
anything that follows (not a problem with yours though)
3) A really cooky one i found today... the definition of the BODY element
works fine until you have a <TD> in the HTML and that <TD> has data in it.
After that NN ignores all the BODY definitions when it comes across regular
text. To get round the problem, I used DIV around my regular text and took
all font-related information out of the BODY.
The weird thing is, if the table is empty, there's no problem. Go figure.

http://www.jps.net./mjfryer/



----- Original Message -----
From: "Byron Wise" <bywise(at)theriver.com>
To: "'hwg techniques'" <hwg-techniques(at)hwg.org>
Sent: Sunday, February 27, 2000 2:20 AM
Subject: CSS in NN giving me fits!


> I can make my style sheets do exactly what I want in IE, but only some
> things seem to work in NN 4.7.  I can't tell if I'm trying to do things
that
> NN doesn't support (though they seem very simple) or if I'm linking wrong
or
> what.  Below, I've copied the style sheet that links to the following site
> (sorry that it's so long, this is for a class and the assignment is ONLY
> format using style sheets).  Any help or advice would be GREATLY
> appreciated. One particular question: does NN support hover at all?
>
> http://cgi.wc.pima.edu/~lwise/Project1/index.html
>
>
> body { font-family: Arial, Helvetica,  Sans-serif;
>      color: #000000;
>      background-color: #FFFFFF;background-image:
> url(images2/servicesbackground.gif)}
> .logo {margin-left: 0px;
>      margin-top: 0px}
> td.1 {padding-top: 8px}
> h1 { font-size: 24pt;
>      text-align: right; }
> h2 {text-align: right;}
> h2.services { text-align: left;}
> p { font-family:  "Times New Roman" ,Times, Serif;
>      font-size: 14pt;
>      text-align: right;}
> p.problems { font-family: "Times New Roman", Times, Serif;
>      font-size: 12pt;
>      font-weight: bolder;
>      text-align: left;
>      margin-left: 25px;}
> span.free { color: green;}
> p.box { border: 2px solid #666666;
>      padding: 6px;
>      background-color: #666666;
>      background-image: url(images2/boxbkgd.jpg);
>      font-family: Arial,  Helvetica,  Sans-serif;
>      font-size: 9pt;
>      text-align: center;
>      color: #FFFFFF}
>
> .navigation {text-align: right;
>      font-size: 10pt;
>      color: #333333;}
> table.2 { margin-left: 10px;
>      margin-top: 4px;
>      width=460px}
> a {color: #666666}
> a:link { color:#666666}
> a:visited { color:#999999}
> a:active { color:#666666;
>      font-weight:bolder;}
> a:hover { color:#FF0000}
> a.special { color:#000000 }
> p.box2 { border: 2px solid #666666;
>      padding: 6px;
>      background-color: #666666;
>      background-image: url(images2/boxbkgd.jpg);
>      font-family: Arial, Helvetica, Sans-serif;
>      font-size: 9pt;
>      text-align: justify;
>      color: #FFFFFF}
>

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA