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

Have a look at this solution. You can use absolute positioning for all of your main content elements (header, article, footer). Use @media queries to create breaks at different resolutions if you need to have the header or footer height change for different screen widths (responsive design), and tell your main content area to hide overflow. You can use floated, relative layouts within the main content areas this way, as well.