title: HTML div height auto
body: <p>I have an requirement where inside an TR, i will have three TDs . First TD and Third TD should be scrollable and second TD is an ruler Image such as dividing first and third (similar to using frames)</p>
  
  <p>Without setting height in first TD the scroll is not working and also affecting the height of third TD. How to make the height auto. Height should be that of window's height (I will maximise and minimize the window). Have pasted the code-snippet below        </p>
  
  <p>In the below mode, i have mentioned specifically the height, I dont want to do that way. I want it to get set automatically but with same result</p>
  
  <pre><code>&lt;td width="55%"&gt;                            
      &lt;div style="height:350px;overflow:auto"&gt;
          &lt;table cellspacing="0" cellpadding="0" border="0"&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;%=passageText%&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/td&gt;
  &lt;td&gt;
      &lt;img src="/Images/reads/rulerVertical.gif" width="3" height="400"  border="0"/&gt;
  &lt;/td&gt;
  &lt;td&gt;
      HERE I WILL PLACE THE STUFFS OF THIRD TD
  &lt;/td&gt;
  </code></pre>