title: stretch div content to the fixed position footer at the bottom of the page
body: <p>My page consists from 4divs: header at the top, in the middle are menu div and content div, and at the bottom is a footer div.</p>
  
  <p>Footer should be fixed at the bottom of the screen. I would like that the content div would be stretched from the header div to the footer div. If I use </p>
  
  <pre><code>position: absolute; 
  top: 80px; 
  bottom: 30px; 
  </code></pre>
  
  <p>then the content is stretched to the footer but after that the content is not stretched to the right. Please check the code below. I would like that the content colored with red would stretch vertically from green to yellow colour and horizontally from blue to the right edge of the screen.</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
          &lt;title&gt;&lt;tiles:insertAttribute name="title" ignore="true" /&gt;&lt;/title&gt;
          &lt;style&gt;
          html,body{
              margin:0;
              padding:0;
              height:100%;
          }
  
          #javanus_header{
              height: 80px;
              background:#AAF054;
          }
  
          #javanus_footer{
              position:absolute;
              bottom:0;
              width:100%;
              height:30px;/* Height of the footer */
              background: yellow;
          }
          #javanus_menu{
              float: left;
              position: absolute;
              top: 80px;
              height:200px;
              width: 200px;
              background: blue;
          }
          #javanus_content{
              height: 300px;
              margin-left: 200px;
              background: red;
              top:100px;
              bottom:50px;
              background-image:url(img/assist.png);
              background-repeat: no-repeat;
              background-position:center;
          }
      &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="javanus_main"&gt;
              &lt;div id="javanus_header"&gt;
              &lt;/div&gt;
              &lt;div id="javanus_body"&gt;
                  &lt;div id="javanus_menu"&gt;
                  &lt;/div&gt;
                  &lt;div id="javanus_content"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div id="javanus_footer"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Best regards,
  Javanus</p>