title: Table Row Height
body: <p>I have a page with a table, and I want its layout to look like this:</p>
  <pre><code>+------------+--------------+----------------------------------+
  | 200px wide |  300px wide  |         Remaining width          |
  |  2 rows    |    1 row     |              1 row               |
  |Page height |              | Height of image scaled to width  |
  |            +--------------+----------------------------------+
  |            |                 Remaining width                 |
  |            |                 Remaining height                |
  |            |                 1 row, 2 columns                |
  +------------+-------------------------------------------------+
  </code></pre>
  <p>I seem to be able to get everything working except limiting the height of the table to the page height. How do I make the table height equal to the page height?</p>
  <p>Here is a <a href="http://jsbin.com/iyafi4/edit" rel="nofollow noreferrer">sample page</a>.</p>
  <p>I could do this in two minutes with jQuery, but I really don't want to have to use Javascript do something this simple.</p>
  <p>EDIT: Only tested in Firefox. It may or may not work in other browsers.</p>