padding/margin heights

[atrium33]

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

[Paul O'B]

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.

.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

[atrium33]

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

[Paul O'B]

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