SitePoint Sponsor |
|
User Tag List
Results 1 to 6 of 6
Thread: way off in Mozilla
Hybrid View
-
Oct 24, 2003, 03:16 #1
- Join Date
- Apr 2002
- Posts
- 65
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
way off in Mozilla
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
-
Oct 24, 2003, 04:28 #2
- Join Date
- Sep 2003
- Location
- Europe
- Posts
- 222
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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:
Code:</div> </body> </html> </div> </body> </html>
In your stylesheet you have this on the body tag:
Code:background-color:; color:#;
In p.footer you have
Code:padding: px 0 0 0;
Code:padding: 0;
-
Oct 24, 2003, 04:38 #3
- Join Date
- Apr 2002
- Posts
- 65
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thanks! That really helped. I'm aware of what I need to do in the future witht the other browsers now.
Paula
-
Oct 24, 2003, 04:49 #4
- Join Date
- Apr 2002
- Posts
- 65
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
still wonky
Originally Posted by atrium33
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
-
Oct 24, 2003, 04:53 #5
- Join Date
- Apr 2002
- Posts
- 65
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
yes, yes, YES! got it!
Originally Posted by atrium33
Few such a relief, the second validator link caught it all and changed it. A big THANKS for the advice!
Paula
-
Oct 24, 2003, 04:44 #6
- Join Date
- Sep 2003
- Location
- Europe
- Posts
- 222
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
You're welcome. Aren't we all learning?
Bookmarks