www.webdeveloper.com
Results 1 to 3 of 3

Thread: Setting an Overlay div to height:100%,

  1. #1
    Join Date
    Mar 2010
    Posts
    281

    Setting an Overlay div to height:100%,

    HI All,
    I'm trying to create an overlay, a div that fills the entire browser window, ie., a height with the value of 100%. this is so if the user scrolls down it will still cover that area.

    via a tutorial, to accomplish this i set the body tag to this:

    html, body {height:100%}

    i set the overlay div's to this: height:100% and min-height:100%.

    it's not working, is it possible to accomplish this?
    setting the div's height to 100%?

    http://www.tomcarden.net/staging/index_mockup.html

    not to confuse things, but on my page ex: i'm using an overlay container. this is because there are other divs that i did not want to inherit a .5 opacity (another issue).

    big thanks for any help -

  2. #2
    Join Date
    Dec 2005
    Posts
    2,984
    Set:
    Code:
    position: fixed;
    on the div.

  3. #3
    Join Date
    Mar 2010
    Posts
    281
    fantastic, thanks

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles