way off in Mozilla

[atrium33]

Firstly, thanks Paul for helping me this morning....but I have no idea what to put in the code to make this look good in Mozilla, Netscape and Opera (they are all showing the same thing)...

www.redplanet.cwc.net

body {
margin:0px auto;
margin-top:-20px;
padding-top:0px;
margin-bottom:17px;
background-image: url(back2.jpg);
background-repeat:repeat;
background-position:center;
background-color:;
color:#;
}
}
.Content {
margin:55px 60px 15px 68px;
padding-top:2px;
padding-left: 20px;
padding-bottom:5px;
color:#000000;
background-color:#fefefc;
border:1px solid #cccccc;
}
p {
font-size:11px;
line-height:18px;
font-family:verdana, arial, helvetica, sans-serif;
text-align:left;
min-width:500px;margin:5px 0px 14px 0px;
padding-right:18px;
width:100%;
voice-family: "\"}\"";
voice-family: inherit;
width:auto;
}
#Content>p {position:absolute;
margin:0px;}
#Content>p+p {position:absolute;
text-indent:30px;}
a {
color:#ff6600;
font-size:11px;
text-decoration:none;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:900;
}
a:link {color:#ff6600;
font-size:11px;font-family:verdana, arial, helvetica, sans-serif;
font-weight:900;}
a:visited {color:#ff8533;}
a:hover {color:#000000;}
h1 {
color:#000000;
font-family: verdana, arial, helvetica, sans-serif;
font-size:11px;
}
h2 {
color:#000000;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
font-weight:700;
margin:18px 0px 3px 0px;
}
h3 {
color:#000000;
font-family: verdana, arial, helvetica, sans-serif;
font-size:11px;
font-weight:800;
margin:6px 0px 3px 0px;
}
p.footer {



color: #d3d7b0;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 9px;

line-height:12px;



font-weight: normal;

text-align: center;

padding: px 0 0 0;

}

It looks dreadful at the minute...but I don't know anything about the other browsers and what they like!!!

Paula

[yngwin]

What Mozilla & co like are standards-compliant sites.
Validation may help...
http://validator.w3.org:8001/check?u...bose=1&fussy=1
http://jigsaw.w3.org/css-validator/v...usermedium=all

One problem you have in your html is this:

</div>

</body>

</html>




  </div>

</body>
</html>

Remove the last set. Also remove the font tags and put those styles in the stylesheet.

In your stylesheet you have this on the body tag:

   background-color:;
   color:#;

You either need to specify those, or leave those rules out altogether.

In p.footer you have

padding: px 0 0 0;

unspecified px, so make that

padding: 0;

[atrium33]

Thanks! That really helped. I'm aware of what I need to do in the future witht the other browsers now.


Paula

[atrium33]

Thanks! That really helped. I'm aware of what I need to do in the future witht the other browsers now.


Paula

corrected all of this but it's still wonky- maybe it is extra code I need to put in?

The validator was throwing up basic stuff that I can correct, but I don't think has anything to do with the actual layout (it was all font and colour)etc.

Paula

[atrium33]

corrected all of this but it's still wonky- maybe it is extra code I need to put in?

The validator was throwing up basic stuff that I can correct, but I don't think has anything to do with the actual layout (it was all font and colour)etc.

Paula

Few such a relief, the second validator link caught it all and changed it. A big THANKS for the advice!


Paula

[yngwin]

You're welcome. Aren't we all learning?