Search code examples
htmlwrapperfooterjsfiddle

Footer won't go to the bottom

I need some quick help. My footer simply won't go down at the end of the site. It's inside the wrapper and so on. I simply can't find the error (looking at the same code to long time)

I've put the code into Jsfiddle: http://jsfiddle.net/heNuB/

Don't mind the other codes, I've marked the footer with background-color:black; so you can see where the footer is trying to go. It's trying to get in "behind" my 3 boxes.

Hope some of you have the time to look into it. I know that it's a bit of a noobish problem.

Good day to you all! :)

Solution

  • Put a clearing div right before the footer and it should go to the bottom.

    <div style="clear: both"></div>

    Your floated boxes are pushing past the main wrapper.

    For reference: http://www.quirksmode.org/css/clearing.html