Expanding the parent container with 100% height to account for floated content

Question

I\'m struggling with a client project. All of my divs have no absolute positioning, height:100% for html, body, and conta

Answer 1

height:100% is the height of the content that flows with your container at hand and is not taking into account your floated content, so that is why the height of your container is stopping short. Remove it and clear your container properly to clear your floated elements within and it will work:

#static-content:before, #static-content:aftr {
 display:table;
 content:"";
}

#static-content:after {
 clear:both;
}

#static-content {
 zoom:1; /*ie fix*/
}