SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    Non-Member
    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

  2. #2
    SitePoint Addict
    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>
    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:
    Code:
       background-color:;
       color:#;
    You either need to specify those, or leave those rules out altogether.

    In p.footer you have
    Code:
    padding: px 0 0 0;
    unspecified px, so make that
    Code:
    padding: 0;

  3. #3
    Non-Member
    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

  4. #4
    SitePoint Addict
    Join Date
    Sep 2003
    Location
    Europe
    Posts
    222
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You're welcome. Aren't we all learning?

  5. #5
    Non-Member
    Join Date
    Apr 2002
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    still wonky

    Quote Originally Posted by 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

  6. #6
    Non-Member
    Join Date
    Apr 2002
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    yes, yes, YES! got it!

    Quote Originally Posted by 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


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •