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.
Instead of using float: left; use overflow: hidden; which will clears the floats on your child elements allowing it to be centered and the full length it needs to be.
I think he’ll need to use the clearfix method here as the slideshow banner image is overflowing the page width. Or, add clear: both to the hr at the bottom of #page (and remove the display: none and color it white).
Author
Posts
Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘CSS’ is closed to new topics and replies.