Search code examples
csshtmlfooter

Content DIV not pushing footer down


i have a problem with a stuck down footer not been pushed down by 2x DIVs in the main content area.

www.superwideprint.com/swp2

for some reason the 2 content containers arnt pushing the footer down when the screen resolution is low, i have added a clear:both div above the footer but to no avail.

can anyone help me please.

style sheet and main page can be seen from the link above. been at this for hours now.


Solution

  • The footer's position is set to absolute, so the content div is not going to affect it. Setting the position to relative will not help either, as this means your bottom: 0 code will push it to the bottom of whatever it is in, not the page.

    What you're after is a sticky footer, try this http://www.cssstickyfooter.com/ or http://ryanfait.com/sticky-footer/