Question

I’ve started coding a really simple layout I made sometime last year, I’ve finished most of it, when I discovered when the ‘wrapper’ div doesn’t touch the bottom of the page, as if it has the “position: fixed” style on it, but it doesn’t have that style. And I’m also stuck on why the Footer div isn’t at the bottom, its right below the “topbar” div.
I’m really confused because I have no idea why the footer and the wrapper divs aren’t working properly ;(

I’ve published it to my site on the link below so you can check the html/css.
HenryNorthen.com

Answer 1

Elements that float consume no space in the layout; everything after your header is floating, so nothing’s there to push the footer to the bottom. Instead, the floating elements “float” away from the footer, which is placed right after the header.

If you add this to the style of your footer, it should solve this problem:

clear: both;