title: CSS Div positioning in Table
body: <p>I have tried all sorts of combinations, but nothing seems to work.</p>
  
  <p>I have a table with three cells.  Each cell contains a div with a set width.  The left block tends to run vertically very long, but now I need the center and right div blocks to also stretch to the length of the table.  (Unfortunately I can't remove the table, since it is set into the code of system I am using).</p>
  
  <p>I have made a simple recreation of the layout.</p>
  
  <hr>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;
  &lt;title&gt;layout test&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
  &lt;style&gt;
  html {
      height: 100%;
  }
  body {
      margin: 0;
      padding: 0;
      height: 100%;
  }
  #contentBlock {
      height: 100%;
      overflow: auto;
  }
  #contentBlock .leftBlock {
      background-color: red;
      width: 200px;
  }
  #contentBlock .rightBlock {
          background-color: red;
      width: 200px;
  }
  #contentBlock .centerBlock {
      background-color: red;
      width: 580px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"&gt;
  &lt;table width="1000" border="0" cellpadding="0" cellspacing="0" align="center"&gt;
      &lt;tr&gt;
      &lt;td colspan="2" style="background-color: #e2e2e2;"&gt;
      &lt;div id="contentBlock"&gt;
          &lt;table width="980" border="0" cellpadding="0" cellspacing="0"&gt;
            &lt;tr&gt;
              &lt;td width="200" valign="top"&gt;&lt;div class="leftBlock"&gt;
                &lt;p&gt;left block&lt;/p&gt;
                &lt;p&gt;sdf&lt;/p&gt;
                &lt;p&gt;sdf&lt;/p&gt;
                &lt;p&gt;sdf&lt;/p&gt;
                &lt;p&gt;sdf&lt;/p&gt;
                &lt;p&gt;sdf&lt;/p&gt;
              &lt;/div&gt;&lt;/td&gt;
              &lt;td width="580" valign="top"&gt;&lt;div class="centerBlock"&gt;
                &lt;p&gt;centerBlock&lt;/p&gt;
                &lt;p&gt;dfg&lt;/p&gt;
              &lt;/div&gt;&lt;/td&gt;
              &lt;td width="200" valign="top"&gt;&lt;div class="rightBlock"&gt;
                &lt;p&gt;rightBl&lt;/p&gt;
                &lt;p&gt;ock&lt;/p&gt;
              &lt;/div&gt;&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;&lt;/td&gt;
    &lt;/tr&gt;
  
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>