Question

My question is simple, I have three divs in my layout:

<div id="header">90px height</div>
<div id="content">the rest of the height of the window</div>
<div id="footer">20px height</div>

Now, I want the #content div to fill the rest of the window. How can I do this?

Thanks.

Answer 1

……………..Live demo…………………

Hi now you can used to position absolute and fixed

as like this

Css

#header{
height:90px;
  background:red;
}

#content{
background:yellow;
  position:absolute;
  left:0;
  right:0;
  top:90px;
  bottom:20px;
}

#footer{
height:20px;
  background:green;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
}

Live demo