How to make a DIV fill the whole screen after page loading

Total Post:154

Points:1086
 1624  View(s)
Ratings:
Rate this:
Hi Expert,

We are making a website for the TEDx in our city and we're stuck..

Here's a draft copy of it: tedx.mozerov.ru

We have a div id="section-event" which we want to be for the whole page on loading. We added the height:100%; and width:100%;, but the block is still does not fill the whole page :(

Please help!
  1. Post:604

    Points:4228
    Re: How to make a DIV fill the whole screen after page loading

    Hi Manoj,


    Well, not sure how you are going to use this div, but:

    position: absolute; top: 0; left: 0; height: 100%; width: 100%;

Answer