View Full Version : Padding Is Not Showing Up at Bottom of Div

08-05-2010, 11:06 PM
The padding in my #outerwrapper div is not showing up at the bottom of the div (should be 20px of padding at the bottom of the div). Instead, the 2 divs inside the #outerwrapper div are extending straight to the bottom of the #outerwrapper div... there should be spacing at the bottom. What's wrong?

And another question - is overflow:hidden on the #outerwrapper div necessary? I don't plan on extending the content within the #content and #sidebar divs outside the border of the #outerwrapper div.

Here is the page (http://www.creativemilldesigns.com/turmoilblank.html).

08-05-2010, 11:47 PM
the padding is being applied, you can see this in FireBug.

you have a fixed height on #outerwrapper, remove it, add some content, and the layout appears fine.

overflow:hidden isn't necessary in this situation - overflow:auto will clear the sidebar float nicely without risking any content being hidden. either will work though

08-05-2010, 11:55 PM
Got it. Thanks!