CSS cross-browser prob [Archive] - HTML Forums - Free Webmaster Forums and Help Forums

View Full Version : CSS cross-browser prob

Thee Gandalf

04-16-2002, 02:52 PM

Hi guys and gals-

Preface
Well, I thought I was sorta smart and would be able to help out people who post their questions on this forum, but it appears that I'm more of being humbled...oh wait that's a good thing. :P

Problem
NN6 isn't recognizing my styles.css page! IE5 has no problem. As I said in an earlier post, NS has come a long way since NN4.7, but there are still a few bugs...:(

Any suggestions?

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>blah's Home</title>
<link href="copperheads.css" rel="stylesheet" type="text/css">

</head>

<table style="borderwidth:0px;" width="700px" align="center" cellpadding="1px" cellspacing="1px">
<tr width="100%" align="center">
<td align="center">
<img src="logo.gif" width="645" height="480" border="0" />
</td>
</tr>
<tr width="100%" align="center">
<td align="center">
<br />
<br />
</td>
</tr>
<tr width="100%" align="center">
<td width="675px" align="left">
<span class="text">
blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blah
blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blah
blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blah<br />
blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blah
blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blah
blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blah<br /><br />
</span>
</td>
<tr width="100%" align="center">
<td width="100%" align="center">
<span class="textbold">
blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blah
</span>
</td>
</tr>
</table>
<table style="borderwidth:0px;" width="100%" align="center" cellpadding="1px" cellspacing="1px">
<tr width="100%" align="center">
<td align="center" colspan="5">
<span class="copyright">
<a href="clothing.html">Clothing</a> | <a href="merch.html">Merchandise</a>
<hr width="85%" />
Copyright © 2002 blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blah<sup>sm</sup><br />
blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blahblah blah blah <a href="mailto:me@yahoo.com">Contact us</a>.
</span>
</td>
</tr>
</table>
</body>
</html>

-------------------------
Thank you,
Gandalf :D

montroze

04-16-2002, 03:01 PM

I had the same problems and got tired of tying to get it all fixed for that browser...I fianlly used a re-direct script to take Netscape users to another version of the main page.

Thee Gandalf

04-16-2002, 03:03 PM

Woooooo!

I think I figured it out...no <body> tag. haha

Gandalf :D

Thee Gandalf

04-16-2002, 03:09 PM

Well, though I added the <body> the problem remains a mystery.

All comments / suggestions welcome, even if you think I should get a life. :P

Gandalf :D

scoutt

04-16-2002, 03:49 PM

uhh what does the css file look like. we can't see what it does or doesn't do if you don't show us the files. also I am very surprised that NS6 will not run it.

also NS all versions will not render table cells if they are empty like this, at least add a &nbsp; to it

<td align="center">
<br />
<br />
</td>

Thee Gandalf

04-16-2002, 03:58 PM

Thanks for the reply. I added a   into the supposed empty <td> as you suggested, but that wasn't it.

here is the style sheet, as follows:

body
{background-color: RGB(0, 46, 99); 
text-align: center;
color: RGB(0, 46, 99);} 


a:link
{color: RGB(219, 182, 148); 
background-color: RGB(0, 46, 99);} 

a:visited
{color: #996633; 
background-color: RGB(0, 46, 99);} 

a:hover
{color: #FFFFFF; 
background-color: RGB(0, 46, 99);} 

P
{text-align: left;
letter-spacing: normal;
word-spacing: normal;
font-family: georgia, "times new roman", times, serif;
font-weight: normal;
font-style: normal;
font-size: 12pt;
text-decoration: none;
text-indent: 35px;
color: RGB(255, 255, 255); 
background-color: RGB(0, 46, 99);} 

.text
{text-align: left;
line-height: 105%;
letter-spacing: normal;
word-spacing: normal;
font-family: Georgia, "times new roman", times, serif;
font-weight: normal;
font-style: normal;
font-size: 103%;
text-decoration: none;
text-indent: 35px;
color: RGB(255, 255, 255); 
background-color: RGB(0, 46, 99);} 

.textbold
{text-align: center;
letter-spacing: normal;
word-spacing: normal;
font-family: Arial, "times new roman", times, serif;
font-weight: bold;
font-style: normal;
font-size: 103%;
text-decoration: none;
text-indent: 35px;
color: RGB(255, 255, 255); 
background-color: RGB(0, 46, 99);} 

.formtext
{text-align: left;
letter-spacing: normal;
word-spacing: normal;
font-family: verdana, serif, "Times New Roman", arial;
font-weight: bold;
font-style: normal;
font-size: 12pt;
text-decoration: none;
text-indent: 0px;
color: RGB(255, 255, 255); 
background-color: RGB(0, 46, 99);} }

.copyright
{text-align: center;
letter-spacing: normal;
word-spacing: normal;
font-family: "lucida sans unicode", serif, "times new roman", times, georgia;
font-weight: normal;
font-style: normal;
font-size: 85%;
text-decoration: none;
text-indent: 0px;
color: RGB(255, 255, 255); 
background-color: RGB(0, 46, 99);} 

Gandalf :D

scoutt

04-16-2002, 04:21 PM

a couple of things. I don't think you can use <> in a style sheet. so make those comments like this /*comment */

then jsut for grins, take out the P style and let us know if it worked. I can't go into detail here as I don't have NS here at work.

Dr. Web

04-16-2002, 05:35 PM

yes, your style looks mighty strange (with html type comments). I have had no problems with N6 working with the same styles as IE.

I put your page in and replaced the comments with the correct delimeters of /* comment here */ and all worked well.

Thee Gandalf

04-16-2002, 07:40 PM

Thank you all! I changed the comment tags and took out the P style and it all works just fine!

Thank you,
Gandalf :D

scoutt

04-16-2002, 09:43 PM

you can add the P style as I was just seeing if that was it. I know NS4xx had problems when this was called in teh style sheet.

crazy_cat

04-20-2002, 03:30 AM

The following style sheet works fine in IE and NS6. NS 4 however has issues. Is it because I am using { instaead of */ ? Thanks in advance guys!

<style type="text/css">

</style>

torrent

04-20-2002, 04:37 AM

I'm afraid that NS4, and IE4 for that matter, do not support the background: url style.

Dr. Web

04-20-2002, 11:32 AM

also, /* */ are css delimeters for comments while { begins the styles for the said class, and } ends them.

scoutt

04-20-2002, 12:14 PM

Originally posted by crazy_cat
The following style sheet works fine in IE and NS6. NS 4 however has issues. Is it because I am using { instaead of */ ? Thanks in advance guys!

<style type="text/css">

</style>
what part doesn't work crazy?

try this

background-image: url(images/mine14.jpg);

which does work in NS4.xx

crazy_cat

04-20-2002, 01:57 PM

That was the problem, the background. Thanks!!!!!!