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?
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?
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...??
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...
congrats on finding it :) - sometimes these things take hours...
Thank the Lord for Firebug - comes to the rescue again!!
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
http://goo.gl/aBR2Q
<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...