CSS help with margins

**pizzicar** · April 4th, 2006, 3:32 AM

OK - new to this whole CSS thing so trying to learn. I built a test site to play around on - interestingtreasures.com Looking at the site, I have a left nav panel and a right main panel positioned absolute, then a footer panel below.

Looking at the footer, I am trying to get a 10px margin at the bottom but it goes to the page bottom. You can view source for the html (simple - no formatting there), and the css is below:

Quote:

body {
font: small/1.6em Verdana, Helvetica, Arial, sans-serif;
}
h1{
font-size: 160%;
}
#allcontent {
background: #1a50b8;
width: 799px;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 0px;
height: 182px;
}
#main1 {
background-color: #00ffff;
margin: 10px 0px 0px 205px;
padding: 10px;
width: 565px;
}
#navbar {
background-color: #00ffff;
width: 160px;
margin: 10px 0px 0px 10px;
padding: 10px;
position: absolute;
top: 191px;
left: 28px;
}
#footer {
background-color: #00ffff;
margin: 10px;
}

Anyone help me understand why the footer does not give margin at the bottom....or is that even possible?

Edit: oops - lol - looks like I need to float the nav bar - bah......sleep, then fix

-- anyway - footer question remains.

Thanks,

**David** · April 4th, 2006, 4:12 AM

Your left block doesn't position correctly. I would suggest removing the top and left from the navigation part of the CSS. As for the footer, if I'm understanding correctly than you should change it to padding instead of margin.

wickers · April 4th, 2006, 6:29 AM

Yes, I think david is on the ball.

For the footer, forget putting a margin on the bottom if you want to use a wrapper.

Instead of doing a margin on the footer element, ad a "padding-bottom: 10px;" to your allcontent element.

**pizzicar** · April 4th, 2006, 12:07 PM

Thanks all - ya, saw the position error after I uploaded - was playing around trying different positioning methods and now know not to do absolute with fixed

I'll try the padding in all content this evening when I get off work. I was brought up on tables then got out of web stuff for a long time - coming back and learning this stuff is fun (but time consuming

)

April 4th, 2006, 6:29 AM	#3 (permalink)
wickers Registered User Seasoned Poster Joined in Mar 2006 Lives in Canada Hosted on pass94 88 posts Gave thanks: 0 Thanked 0 times	Yes, I think david is on the ball. For the footer, forget putting a margin on the bottom if you want to use a wrapper. Instead of doing a margin on the footer element, ad a "padding-bottom: 10px;" to your allcontent element. __________________ \\\\\\\\\\////////// http://www.theweeklyrant.com

April 4th, 2006, 12:07 PM	#4 (permalink)
pizzicar Surpass Fan On a golden path... Joined in Feb 2006 Lives in Arizona 344 posts Gave thanks: 3 Thanked 16 times	Thanks all - ya, saw the position error after I uploaded - was playing around trying different positioning methods and now know not to do absolute with fixed I'll try the padding in all content this evening when I get off work. I was brought up on tables then got out of web stuff for a long time - coming back and learning this stuff is fun (but time consuming ) __________________ "Argue for your limitations, and sure enough, they are yours"

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)