title: Extjs 4 stretching of nested panel
body: <p>I have a problem with resize of my page. I have a tree panel inside a div, nested inside a html-table. I don't use ext Container, cause I have complex UI-design which I can't realize with Ext. So I want my treepanel to resize by height when window is resized. Please, help me.</p>
  
  <p>Table markup:</p>
  
  <pre><code>  &lt;table id="table_container"&gt;
    &lt;tr&gt;
        &lt;td colspan="2" style="height: 30px; valign: top;"&gt;
             &lt;div id="menu_div"&gt;&lt;/div&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td colspan="2" style="height: 10px;"&gt;
             &lt;div id="space_div"&gt;&lt;/div&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td style="width:250px; height: 100%; padding-top: 70px;"&gt;
           &lt;div id="tree_div" style="valign: top; height: 100%;"&gt;&lt;/div&gt;
        &lt;/td&gt;
        &lt;td rowspan="2" style="padding: 10px;"&gt;
            &lt;div id="main_content_div" style="valign: top;"&gt;
            &lt;/div&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <p>Tree code:</p>
  
  <pre><code>        var tree = Ext.create('Ext.tree.Panel', {
          id: 'tree_id',
          store: tree_store,
          width: 250,
          height: 500,
          autoScroll: true,
          renderTo: document.getElementById('tree_div'),
          useArrows: true,
          border: false,
          frame: false,
          rootVisible: true
  </code></pre>
  
  <p>});</p>