[Solved] Footer floats behind content, not at bottom

[Billy]

I’ve attempted to take up the running of this website with some quite badly structured code and not quite the best code either (I know it has multiple elements with the same id).

The main problem I have is that on this page (and this page only), the footers appear randomly behind the page’s content, instead of at the bottom.

I’m running Chrome 37 and looked in DevTools to try and find this, but I have no idea why it’s happening here but nowhere else on the site. (it happens in other browsers too)

[Paulie_D]

#main-content {
margin: 0px auto;
width: 940px;
height: 500px; /* remove this */
}

[Billy]

Thanks; I must have passed over that many times without noticing it, as I just wasn’t looking for that.

Fixed it, thanks again :)

[Author]

Posts