SitePoint Sponsor |
|
User Tag List
Results 1 to 4 of 4
Thread: padding/margin heights
-
Oct 23, 2003, 11:19 #1
- 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
-
Oct 23, 2003, 14:06 #2
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
How do I get the main column more flush to the top?
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;
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
-
Oct 24, 2003, 01:15 #3
- 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
Guess I'll have to get Mozilla and have a look.
Is there a tool that lets you view in different browsers?
Paula
-
Oct 24, 2003, 01:22 #4
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
Hi,
Paul, you mistake me for someone who knows what they're doing!
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