Hi guys, can anyone explain why the body tag doesnt stretch to the bottom of the page. The site is http://creativedesigner.mobi Now if you use firebug and move the mouse over the body tag, only half the page gets highlighted, whereas if you move over <html> the whole page gets selected. All the <div>s are correct and Im using the 960 grid, but the body tag does stretch to accomodate some elements like the footer? why I realise I can use html,body{100%} (and then the body is correctly stretched) but i dont want to do this. i want to know why the height of the <body> does not auto expand to contain the footer.
Try adding <div style="clear:both"></div> at the last inside the "container_12" div (ie after inline-2)
you are a genius. thanks a lot. but how does clearing both help. i understand what it does, wont allow any content on both sides, but how does it affect the body and container and all???
I dont know the reason. But if floats are not cleared properly it will cause behaviours like this, and it will also sometimes not allow us to set backgrounds
Floating elements always require clear afterwards unless the following elements are also floating and you need no separation.