Question

jsfiddle

How to make 2nd div streatch to all its vertical place. It has to ‘take care’ of bottom margin of div above him and bottom margin of all the page. How to make it fill all that place? There will be normal content inside it, I will make page that will be scrolling horizontally and I need it to fit in various user Y resolutions. Bottom margin will be constant. I would really like to avoid js in that.

Answer 1

http://jsfiddle.net/Jf5J8/2/

#rest {
         background-color:blue;
         height:100%;
         position:relative;
         top:0;left:0;
         bottom:0;right:0;
      }
html, body {
             height:100%;
           }

Your code

#rest {
    background-color:blue;
    height:100%;
    position:relative;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:auto;

}

contains two time height. Remove height:auto; in the end