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

As amit said, you should put a margin-bottom for your body and use min-height instead of height:

body {
   min-height: 400px;
   margin-bottom: 100px;
   clear: both;
}

And you should remove height:100% from

Hope this helps!