title: HTML Row auto-resize to fit window
body: <p>I have a HTML table (black) which fills a window (blue). The table contains two rows.
  When I resize the window, row 1 (red) height must be variable and row 2 (green) height constant.</p>
  
  <p>Row 1 content is are dynamically generated (a tab strip and a tree view - both Telerik).</p>
  
  <p>Row 2 contains two columns.</p>
  
  <p>In other words, how to make the row 1 autosize itself when the windows is resizes?</p>
  
  <p><img src="https://i.stack.imgur.com/dgYm9.jpg" alt="enter image description here"></p>
  
  <p>All I have done, so far, is this:</p>
  
  <pre><code>&lt;table style="width:100%;"&gt;
      &lt;tr style="height:100%;vertical-align:top;overflow:auto"&gt;
          &lt;td colspan="2"&gt;
              &lt;telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0" Width="100%" Height="100%"&gt;
                  &lt;Tabs&gt;
                      &lt;telerik:RadTab runat="server" Text="Tab1" Selected="True"&gt;
                      &lt;/telerik:RadTab&gt;
                      &lt;telerik:RadTab runat="server" Text="Tab2"&gt;
                      &lt;/telerik:RadTab&gt;
                  &lt;/Tabs&gt;
              &lt;/telerik:RadTabStrip&gt;
              &lt;telerik:RadMultiPage ID="RadMultiPage1" runat="server" Width="100%" SelectedIndex="0" Height="100%"&gt;
                  &lt;telerik:RadPageView ID="RadPageView1" runat="server" Height="100%" style="border: 1px solid grey"&gt;
                      &lt;telerik:RadTreeView ID="RadTreeView1" runat="server"&gt;&lt;/telerik:RadTreeView&gt;
                  &lt;/telerik:RadPageView&gt;
                  &lt;telerik:RadPageView ID="RadPageView2" runat="server" Height="100%" style="border: 1px solid grey"&gt;
                      &lt;telerik:RadTreeView ID="RadTreeView2" runat="server"&gt;&lt;/telerik:RadTreeView&gt;
                  &lt;/telerik:RadPageView&gt;
              &lt;/telerik:RadMultiPage&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="font: normal 12px arial; text-align: left;"&gt;
              &lt;asp:CheckBox ID="CheckBox1" runat="server" Text="Do something when checked." AutoPostBack="true" /&gt;
          &lt;/td&gt;
          &lt;td style="text-align: right"&gt;
              &lt;telerik:RadButton ID="CancelButton" runat="server" Text="Cancel" OnClientClicked="windowClose" UseSubmitBehavior="false"&gt;
              &lt;/telerik:RadButton&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>