Grow your CSS skills. Land your dream job.

Expanding a div to be the full size of the body

  • # July 11, 2009 at 6:51 am

    Hey,

    Got a question about the parallax effect screencast, #9. It’s about expanding the div to be the full size of the body.

    I realize that divs normally expand to be only as big as necessary to contain their content.

    What I don’t get is why it’s necessary to use the position: absolute; left: 0; top: 0 … etc trick. Why doesn’t height: 100% & width: 100% work?

    Thanks

    eXo
    # July 11, 2009 at 11:26 am

    because you have to declare what 100% is.
    put this in your css and it will work

    Code:
    body, html{
    width: 100%;
    height: 100%;
    }

    then if you say that a div has to have a height of 100% it knows what 100% is.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".