The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS help with sticky footer Re: help with sticky footer


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;