www.webdeveloper.com
Results 1 to 3 of 3

Thread: Viewport Height for Full Screen Div?

  1. #1
    Join Date
    Jan 2007
    Posts
    26

    Viewport Height for Full Screen Div?

    I have a DIV element that needs to fill the entire screen until the user scrolls and reveals the content. So essentially remain at the viewports height.

    Here is what I did and it works, but it's only compatible with newer browsers.

    HTML Code:
    .section-full {   height:100vh;   min-height:100vh;  }

    Is there a way to do this that has a bit more compatibility? How can I do this with javscript?

    I tried the absolute css method with height and width set to 100%, however, the content below then overlaps.

    Any help would be appreciated!!

  2. #2
    Join Date
    Oct 2013
    Posts
    559
    Which browsers/platforms do you want to be "compatible" with?

  3. #3
    Join Date
    Oct 2010
    Location
    Versailles, France
    Posts
    1,270
    See this Peter Paul Kock page about [BElementView properties[/B]...
    Last edited by 007Julien; 02-02-2014 at 03:18 AM.

Thread Information

Users Browsing this Thread

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

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