title: Some CSS problems to vertically extend the content of a div until the end of its container in a layout
body: <p>I am creating an HTML\CSS tabless layout starting from a psd file and I am having a litle problem.</p>
  
  <p>This is my final result that I would obtain:</p>
  
  <p><img src="https://i.stack.imgur.com/uoctx.jpg" alt="enter image description here"></p>
  
  <p>and this is my HTML\CSS result: <a href="http://onofri.org/example/WebTemplate/" rel="nofollow noreferrer">http://onofri.org/example/WebTemplate/</a></p>
  
  <p>As you can see I have some problem with the left sidebar because the last blue box (the <strong>#c div</strong>) does not extend vertically to the end of the <strong>#container div</strong> and so don't match with the footer background immage.</p>
  
  <p>The pnly "solution" that I have found (but this is not a correct solution) is to increase the value of the <strong>min-height* property of the **#c div</strong> of my sidebare. For example if I increase this value from the original 234px to 334px it seems to work well. </p>
  
  <p>But this is not a real solution because if the amount of content change of the page change this problem occurs again.</p>
  
  <p>How can I solve? What can I do to extend the height of the #c div until the end of its container</p>
  
  <p>Tnx</p>
  
  <p>Andrea</p>