SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    Non-Member
    Join Date
    Apr 2002
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    padding/margin heights

    Help! I cannot get the margin right at the top of this page! I need the main column to be nearer to the top of the page, the way it is aligned at the bottom.

    The Page is here- http://www.redplanet.cwc.net

    Here is the css-

    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-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;

    }

    I know the css is wacky, and there is loads of mistakes, but I utilised it from old css. How do I get the main column more flush to the top?


    thanks, Paula

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,389
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    How do I get the main column more flush to the top?
    What column?

    You don't have any columns on that page. You have a main content block that you have placed 55px from the top
    i.e.
    Code:
    .Content {
    margin:55px 60px 15px 68px;
    If you're talking about the content div then just set the first measurement above to 0.

    I've a feeling you must be talking about something else though, so I didn't look too hard because as you said your code is a bit wacky (lol). (I suppose you know it doesn't display properly in Mozilla.)

    Paul

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

    whooops!

    I've a feeling you must be talking about something else though, so I didn't look too hard because as you said your code is a bit wacky (lol). (I suppose you know it doesn't display properly in Mozilla.)

    Paul
    Paul, you mistake me for someone who knows what they're doing! (Only started using css roughly a month ago). I had a feeling it was that 55px value.

    Guess I'll have to get Mozilla and have a look.

    Is there a tool that lets you view in different browsers?


    Paula

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,389
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,
    Paul, you mistake me for someone who knows what they're doing!
    LOL

    Just download as many browsers as you can and check in each. That's the easiest way.

    Good Luck (shout if you need any more help.)

    Paul


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
  •