Footer not clearing

Permalink
Hi - I've got a problem in that I have a footer that refuses to clear the multiple blocks.

http://bmc-client.co.uk/graver/kitchen-design-stephen-graver/...

Any ideas how I can get it to sit at the bottom of the page nicely? Its like the wrapper div 'main' is not wrapping the whole page and is not clearing the blocks. This means that footer is sitting across the first row rather than the last row of blocks. I've set the footer to clear as I have the div called 'main'. Any ideas anyone?

chassa2556
 
WebcentricLtd replied on at Permalink Reply
I'd start by fixing your html - at the bottom I can see:

<div class="clearFloat"></div>
<div id="footer"> <span class="powered-by"><a href="#" title="Copyright information">Copyright</a></span> © 2012 <a href="/graver/">Stephen Graver</a>.
  
All rights reserved. <span class="sign-in"><a href="/graver/index.php/login/">Sign In to Edit this Site</a></span>
<div id="social">
<table width="20%">
<tr>
<td width="60" height="78" align="center"><a href="#" target="_blank"><img src="/graver/themes/default/images/facebook.png" width="40" height="40" /></a></td>
<td width="60" align="center"><a href="https://twitter.com/#!/stephengraver" target="_blank"><img src="/graver/themes/default/images/twitter.png" width="40" height="40" /></a></td>
<td width="60" align="center"><a href="http://craftsmanship-kitchens-bathrooms.blogspot.com/" target="_blank"><img src="/graver/themes/default/images/blogger.png" width="40" height="40" /></a></td>
</tr>
</table>
</div>
</div>
</body>
</html>
</div>
<div class="clearFloat"></div>
</div>
</body>
</html>

you've probably got a div closed in the wrong - it might become apparent as you tidy things up...
chassa2556 replied on at Permalink Reply
chassa2556
Thanks Andy - have cleared up the html and have tested that there are not open divs that I can see. Have validated the html but still the footer is not clearing - any other ideas...??
chassa2556 replied on at Permalink Reply
chassa2556
Have sorted it - it was a height specified in the div tag for the block which was messing up the clearing. Having taken that out the footers moved to the bottom. Thanks for you help guys...
WebcentricLtd replied on at Permalink Reply
congrats on finding it :) - sometimes these things take hours...
chassa2556 replied on at Permalink Reply
chassa2556
Thank the Lord for Firebug - comes to the rescue again!!
VidalThemes replied on at Permalink Reply
VidalThemes
Yer, would second what AndyJ said, looks like you have a lot of unclosed divs, have a look at your validation report and you can see what elements are unclosed.

http://goo.gl/aBR2Q