Howto make footer stay always to the bottom

Sparkling
1

Hi, I would like to make the footer stick to the bottom of the page. I do not want it to be visible all time but I do not want it in the middle of page when the content is too short. Is there a quick css solution? Thanks!

2

I’ve found the solution:

#content {
    min-height: 500px;
}
#footer-area {
    position: absolute;
  right: 0;
  left: 0;  
}

(this in case you do not have widgets on footer but just the copyright, as I do)

3

Thank you for posting your solution here!

4

Hi, please, how can I make the footer fixed at the bottom, with the social widgets?

5

Already tried this code, but didn’t work. the footer stays locked on the bottom and don’t respond to the varying size of the page, when I collapse and expand some tabs.

#footer-area {
position: absolute;
bottom: 0;
width: 100%;
}