Making the container div the full height of it’s floating child div
Posted by brendo | Posted in All Posts | Posted on 25-08-2009
Tags: conatiner, container div height, css, css height, div, div height, float child div, height, html
0
This is one that consistently annoys the crap out of me. It usually happens when someone else has been messing with a layout I’ve developed – usually the type of web developer that uses tables for layout and loves the <font> tag.
When I find that my container div isn’t stretching the full height, it is usually because the HEIGHT property has been specified. Specifying height: 100%; Doesn’t have the effect you might think it would. Removing height: 100%; has the effect of making the parent container extend the full height of the child container, even if the child is a float.