Home › Forums › CSS › help with sticky footer › Re: help with sticky footer
May 3, 2012 at 12:13 am
#102204
seanroberts
Member
First of all it seems as if you are getting a 404 on one of your reset.css reference. I thought I would mention that in case you did not realize it.
Second, I believe I have found the right combo of things to make this work.
/* These are the only things that need to change:*/
/* This was the crucial change, taking out the position and top properties. */
#footer {
height: 150px;
width: 100%;
background: url(images/footerBackground.jpg) repeat;
}
/* Removed the height to fix page spacing issue at the bottom.*/
#footerContent {
position: relative;
width: 960px;
margin: 0 auto;
}
/* Because of the content positioning on this page, the hieght of .push needs to be increased; to compensate for spacing issues. */
.push {
height: 200px;
}