Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Div Acting Strange Unless Floated Left, which causes new issues

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #39305
    Jeremy Englert
    Participant

    http://goo.gl/ZciQu

    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.

    Any ideas?

    #107644
    SgtLegend
    Member

    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.

    #107646
    wolfcry911
    Participant

    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).

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.