Forums

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

Home Forums CSS Make footer stay in same place (above the fold) Re: Make footer stay in same place (above the fold)

#78908
Bob
Member

Well let’s say you’d want it to be at 500px from the bottom. What you could do, is this:

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -500px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 500px; /* .push must be the same height as .footer */
}

I’m not sure this is exactly the right way though.