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,