PDA

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 &copy; 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 &amp;nbsp; to it

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

Thee Gandalf
04-16-2002, 03:58 PM
Thanks for the reply. I added a &nbsp; 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); <!-- Navy aka: #002E63 or C:100 M:89 Y:33 K:24 or PANTONE: Navy 295c -->
text-align: center;
color: RGB(0, 46, 99);} <!-- Navy aka: #002E63 or C:100 M:89 Y:33 K:24 or PANTONE: Navy 295c -->
<!-- This was originally as follows: #FFFFFF;} White aka: RGB(255, 255, 255) -->

a:link
{color: RGB(219, 182, 148); <!-- Flesh color aka: HTML#DBB694 or C:14 M:28 Y:43 K:0 or PANTONE: Flesh 728c -->
background-color: RGB(0, 46, 99);} <!-- Navy aka: #002E63 or C:100 M:89 Y:33 K:24 or PANTONE: Navy 295c -->

a:visited
{color: #996633; <!-- Metallic Copper aka: RGB(153, 102, 51) or C:32 M:59 Y:91 K:18 -->
background-color: RGB(0, 46, 99);} <!-- Navy aka: #002E63 or C:100 M:89 Y:33 K:24 or PANTONE: Navy 295c -->

a:hover
{color: #FFFFFF; <!-- White aka: RGB(255, 255, 255) -->
background-color: RGB(0, 46, 99);} <!-- Navy aka: #002E63 or C:100 M:89 Y:33 K:24 or PANTONE: Navy 295c -->

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); <!-- White aka: #FFFFFF -->
background-color: RGB(0, 46, 99);} <!-- Navy aka: #002E63 or C:100 M:89 Y:33 K:24 or PANTONE: Navy 295c -->


.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); <!-- White aka: #FFFFFF -->
background-color: RGB(0, 46, 99);} <!-- Navy aka: #002E63 or C:100 M:89 Y:33 K:24 or PANTONE: Navy 295c -->

.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); <!-- White aka: #FFFFFF -->
background-color: RGB(0, 46, 99);} <!-- Navy aka: #002E63 or C:100 M:89 Y:33 K:24 or PANTONE: Navy 295c -->

.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); <!-- White aka: #FFFFFF -->
background-color: RGB(0, 46, 99);} <!-- Navy aka: #002E63 or C:100 M:89 Y:33 K:24 or PANTONE: Navy 295c -->}

.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); <!-- White aka: #FFFFFF -->
background-color: RGB(0, 46, 99);} <!-- Navy aka: #002E63 or C:100 M:89 Y:33 K:24 or PANTONE: Navy 295c -->



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">
<!--
body {
background: url(images/mine14.jpg); }
h1,h2,h3,h4,h5 {
color: black; font-size: 12pt;
font-family: arial; }
p {font-family: arial;
font-size: 10pt;
text-align: justify; }
ul {font-family: arial;
font-size: 10pt; }

-->
</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">
<!--
body {
background: url(images/mine14.jpg); }
h1,h2,h3,h4,h5 {
color: black; font-size: 12pt;
font-family: arial; }
p {font-family: arial;
font-size: 10pt;
text-align: justify; }
ul {font-family: arial;
font-size: 10pt; }

-->
</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!!!!!!