Hey,
Here is my test page:
http://www.joblesspunkdesigns.com/test2.html
As you can see the footer doesn’t expand to touch the bottom of the page.
I can’t figure out why,
here is my CSS:
Code:
#container {
width: 1052px;
height: 100%;
margin: 0 auto;
text-align: center;
}
#footer {
position: relative;
z-index: 1;
width: 850px;
height: 125px;
margin: 0 auto;
margin-bottom: 0px;
text-align: center;
background-repeat: repeat-x;
background-position: top;
background-color: #2d2d2d;
background-image: url(../images/footerbg.jpg);
}
I’ve TRIED changing the height to 100%, max/min and all of the above, but I can’t get it to expand. (so kinda ignore the height variable in my above CSS)
The container is 100% height, so if I tell the #footer div to have a margin-bottom of 0 shouldn’t it expand to fit the container?
Any help would be great,
Thanks!
-tim