How to stop Sticky Footer from covering content…?

Question

I\'m using a \"sticky\" footer, but on a couple of pages it overlays the content. Is there any way to prevent this from happening, but retaining it\'s \"sticky\" quality?

<

Answer 1

If your body div closed before footer div start then use margin-bottom property. Example if the page structure is

then write

#body{
   margin-bottom: (height of your footer);
}

If your code structure is not like that. I mean your footer div is inside body div. Then use that margin bottom property to the div which close just before footer div start.