NE 4.x not reading external css

[ixian]

I'm trying to figure out why NE 4.x isn't reading my external CSS file. No, I'm not using an @import statement or anything that is known to "hide" external files from that browser. I've gone over my file with Topstyle Pro even and there doesn't appear to be anything in it that would cause NE 4.x to simply not read it at all. The code looks just like this:

<link href="/ie5.css" rel="stylesheet" type="text/css" />

And it's all CSS 1 stuff inside. Anyone know what might cause this problem? It's annoying because even though NE 4.x formats the page correctly (amazing these days) all the text is black instead of white, and none of the links are formatted correctly. In other words, it's a bit hard to read my site since I have a dark blue background

[azizur_rahman]

Not a W3C Standard Complient Browser...

I think this has to do with: (Browser dont support xHTML)

<link href="/ie5.css" rel="stylesheet" type="text/css" />

I dont think NE 4.x supports that, Have you tried this:

<link href="/ie5.css" rel="stylesheet" type="text/css" >

Offcourse this would work with IE5 because it has support for XML and XHTML.

[Hierophant]

Netscape 4.X should load it fine with the XHTML nomenclature. Most likely the problem is caused by an error in the CSS file itself or a tag that it doesn't recognize in the file. What does the actual file look like? Can you paste it in here for review?

[ixian]

Absolutely, and thanks.

body {
	margin: 0px 6px 0px 3px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	background-color: #000000;
	}
 
a.menuside:link    {color: #FFFFFF; text-decoration: none; font-size: 14px}
a.menuside:visited {color: #FFFFFF; text-decoration: none; font-size: 14px}
a.menuside:active  {color: #FFFFFF; text-decoration: none; font-size: 14px}
a.menuside:hover   {color: #FFFFFF; background-color: none; text-decoration: none; font-weight: normal; font-size: 14px}

a.menulink:link    {color: #7eb5d1; text-decoration: none; font-size: 11px}
a.menulink:visited {color: #7eb5d1; text-decoration: none; font-size: 11px}
a.menulink:active  {color: #7eb5d1; text-decoration: none; font-size: 11px}
a.menulink:hover   {color: #FFFFFF; background-color: blue; text-decoration: none; font-weight: normal; font-size: 11px;}

a.menualt:link    {color: #FFFFCC; text-decoration: none; font-size: 11px}
a.menualt:visited {color: #FFFFCC; text-decoration: none; font-size: 11px}
a.menualt:active  {color: #FFFFCC; text-decoration: none; font-size: 11px}
a.menualt:hover   {color: #7eb5d1; background-color: blue; text-decoration: none; font-weight: normal; font-size: 11px;}

a {
 text-decoration:none;
 font-size: 12px
 }

a:hover       {color: #FFFFFF; background-color: #093280; font-weight: normal;}
a:link        {color: #7eb5d1; }
a:visited     {color: #7eb5d1; }
a:active      {color: #FFFFFF; }

.sidehead {
 color: #FFFFFF;
 font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
 font-size: 12px;
 font-variant: normal;
 font-style: normal;
 font-weight: bold;
 background-image:url(http://ix.maximumgamer.com/forums/images/tablebg.gif);
 }

.cnewshead2 {
 color: #FFe291;
 font-size: 16px;
 font-family: Verdana, Tahoma, Helvetica, sans-serif;
 font-variant: normal;
 font-style: normal;
 font-weight: bold;
 }
 
 .reviewhead {
 color: #FFFFFF;
 font-size: 16px;
 font-family: Verdana, Tahoma, Helvetica, sans-serif;
 font-variant: normal;
 font-style: normal;
 font-weight: bold;
 }
 
 .teaser {
 color: #FFFFFF;
 font-size: 12px;
 font-family: Verdana, Tahoma, Helvetica, sans-serif;
 font-variant: normal;
 font-style: normal;
 font-weight: bold;
 }

.cdate {                                                                                                                                                                   
 color: #ffffff;                                                                                                                                                           
 font-size: 12px;                                                                                                                                                          
 font-family: Verdana, Tahoma, Helvetica, sans-serif;
 font-variant: normal;
 font-style: normal;
 font-weight: bold;
 text-align: center;
 background-image:url(http://ix.maximumgamer.com/forums/images/tablebg.gif);
 width: 100%;
 } 

 .cdate2 {                                                                                                                                                                   
 color: #ffffff;                                                                                                                                                           
 font-size: 10px;                                                                                                                                                          
 font-family: Verdana, Tahoma, Helvetica, sans-serif;
 font-variant: normal;
 font-style: normal;
 font-weight: bold;
 text-align: center;
 background-image:none;
 width: 100%;
  }
  
  .bginput {
  	border: 0px;
  }
   
.poll {
 color: #ffffcc;
 font-family: Verdana, Tahoma, Helvetica, sans-serif;
 font-size: 10px;
 font-variant: normal;
 font-style: normal;
 font-weight: bold;
 background-image: none;
 }                                                                                                                                                                         

.pollhead {
 color: #FFFFFF;
 font-family: Verdana, Tahoma, Helvetica, sans-serif;
 font-size: 12px;
 font-variant: normal;
 font-style: normal;
 font-weight: bold;
 }

.pollsubhead {
 color: #FFFFFF;
 font-family: Verdana, Tahoma, Helvetica, sans-serif;
 font-size: 10px;
 font-variant: normal;
 font-style: normal;
 font-weight: bold;
 }

p {
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	margin-top: 5px;
	margin-bottom: 10px; 
	}
	
.specialtable {
    width: 100%;
 	}

p.footer {
        color: #FFFFFF;
        font-family: verdana, arial, helvetica, sans-serif;
        line-height: 22px;
		  font-size: 9px;
        }

ul {
        color: #ffffcc;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
		  line-height: 22px;
        }

h1 {
	color: #ccc;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	}
h2 {
	color: #ccc;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	}
h6 {
	color: #ccc;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}

[Hierophant]

Well the main problem seems to be where you define the background-color to NONE. This isn't valid. It should be TRANSPARENT.

I also got a lot of errors when running it through a style checker. Over 700 lines worth to be exact (though that is broken down by browser and version). Here are the warnings and errors specific to Netscape 4.XX...

a.menuside:active
Pseudo-class :active isn't supported by this style definition.

a.menuside:hover
Pseudo-class :hover isn't supported by this style definition.

a.menuside:hover
none is not a valid value for background-color

a.menulink:active
Pseudo-class :active isn't supported by this style definition.

a.menulink:hover
Pseudo-class :hover isn't supported by this style definition.

a.menualt:active
Pseudo-class :active isn't supported by this style definition.

a.menualt:hover
Pseudo-class :hover isn't supported by this style definition.

a:hover
Pseudo-class :hover isn't supported by this style definition.

a:active
Pseudo-class :active isn't supported by this style definition.

.sidehead
Property font-variant does not exist in this definition.

.cnewshead2
Property font-variant does not exist in this definition.

.reviewhead
Property font-variant does not exist in this definition.

.teaser
Property font-variant does not exist in this definition.

.cdate
Property font-variant does not exist in this definition.

.cdate
Netscape 4 may incorrectly handle text-align when used in tables.

.cdate
Netscape 4 handles "width" inconsistently, and sometimes not at all.

.cdate2
Property font-variant does not exist in this definition.

.cdate2
Netscape 4 may incorrectly handle text-align when used in tables.

.cdate2
Netscape 4 handles "width" inconsistently, and sometimes not at all.

.poll
Property font-variant does not exist in this definition.

.pollhead
Property font-variant does not exist in this definition.

.pollsubhead
Property font-variant does not exist in this definition.

p
Netscape 4 may incorrectly display images contained within block elements in which "line-height" is used.

p
Netscape 4 adds extra line feeds when printing if line-height is used.

p
Netscape 4 adds extra line feeds when printing if margin-top is used.

.specialtable
Netscape 4 handles "width" inconsistently, and sometimes not at all.

p.footer
Netscape 4 may incorrectly display images contained within block elements in which "line-height" is used.

p.footer
Netscape 4 adds extra line feeds when printing if line-height is used.

ul
Netscape 4 may incorrectly display images contained within block elements in which "line-height" is used.

ul
Netscape 4 adds extra line feeds when printing if line-height is used.

Also keep in mind that before Netscape 4.77, its support of Cascading Style Sheets was pretty much non-existant as they were betting Javascript Style Sheets would win out as the standard.

[ixian]

Thanks! I will change to transparent.

As for the rest, that appears to be Netscape-specific. I suppose it's time to create a style sheet just for it. I could just use an @import statement for the "regular" one and have a Netscape 4 sheet load right before it? That should work, right?

[DougBTX]

Luke: Do you mind telling which checker you used?

Thanks,
Douglas

[mmi]

Not a W3C Standard Complient Browser

I don't understand this criticism - as Wayne points out, TRANSPARENT is not valid in this context - so which browser is "compliant"? - the one that enforces W3C standards or the one that doesn't? - which browser is really responsible for the problem you had here?

[Hierophant]

Originally posted by DougBTX
Luke: Do you mind telling which checker you used?

Thanks,
Douglas

The one built into Topstyle 3.0