title: How to fit height of aside to body height
body: <ol>
  <li><p>i need to fit the height of aside to that of body without regard to how much content there is. As it is it gives me fig. 2 and i need to have figure 1.</p></li>
  <li><p>I also need to have footer fit inside of body height. <code>position:absolute</code> does fit but overrides <code>margin:auto</code> which centers the body element. How do i align div elements<br>
  Html code:</p>
  
  <p><code>&lt;html&gt;
      &lt;body&gt;<br>
      &lt;header&gt;&lt;/header&gt;<br>
      &lt;aside&gt;&lt;/aside&gt;<br>
      &lt;footer&gt;&lt;/footer&gt;<br>
      &lt;/body&gt; 
      &lt;/html&gt;</code></p></li>
  </ol>
  
  <p>My css code is this:</p>
  
  <pre><code>  body{ width:920px;
      position:absolute;
      height:auto; }
  aside { float:left;
      width:170px; }
  
   footer { float: right;
       background: #E7DBD3;
       clear:both; }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/UYdAo.jpg" alt="Body and aside heights"></p>