jeremyenglert — 2012-08-09T22:40:51-04:00 — #1
The #page div is supposed to be centered on the page, however when you remove the "float: left" from the div, it no longer auto-stretches in height. If you view it in Firebug, you will see that without the "float: left", the #page div ends behind the slideshow instead of extending down.
ralphm — 2012-08-09T22:54:12-04:00 — #2
Remove float: left and add overflow: hidden;
margin: 0px auto;
<font color='"#FF0000"'>overflow: hidden;</font>
The problem is that a div does not automatically wrap around floated content. (By default, floated content hangs out of its container.) Using overflow: hidden is an easy way to force the container (in this case #page) to wrap around the contents.
Here's a longer explanation: http://pageaffairs.com/web/css/containing-floats/
jeremyenglert — 2012-08-09T23:34:38-04:00 — #3
Ralph, has anyone told you you're awesome lately?
I normally get rid of the sidebar on my themes, so I never had this issue before. Now it's all making sense. Thanks man!
ralphm — 2012-08-10T00:56:59-04:00 — #4
Ha ha, a few times, but my wife doesn't believe me.
Glad that helped.