title: Making HTML content expand to fill the window
body: <p>I have an HTML page divided vertically into</p>
  
  <ul>
  <li>Header</li>
  <li>Body</li>
  <li>Footer</li>
  </ul>
  
  <p>The body in turn is divided horizontally into</p>
  
  <ul>
  <li>A large DIV on the left surrounded by scrollbars, displaying a portion of a diagram</li>
  <li>A form on the right</li>
  </ul>
  
  <p>The header and footer are fixed-height.  The body should expand vertically to fill the portion of the window not occupied by the header and footer.</p>
  
  <p>Similarly the form is fixed-width and the scroll pane should expand horizontally to fill the window width.</p>
  
  <p>The diagram is very large (up to 10x10 screenfuls) so I cannot display all of it.  Instead I want to display as much as possible (using the whole window) so that the user needs to scroll as little as possible.</p>
  
  <p>I also cannot use javascript, because some users are necessarily paranoid and must disable it.</p>
  
  <p>Some options I have considered:</p>
  
  <ul>
  <li>A table with the scroll pane cell's width and height set to 100% and all others to 1%
  <br /><em>Doesn't work.  The table (and hence the page) expands to contain the entire diagram, even with absolute positioning on the scroll pane DIV.</em></li>
  <li>Absolute positioning to offset the pane from the bottom of the page by the height of the footer<br /><em>Works but inaccurate: the footer's height depends on the current font size and whether text is wrapped.  This means I must leave a large margin to ensure they do not overlap.</em></li>
  <li>Place the diagram in an IFRAME<br /><em>The best solution I've found with scripts disabled, but limits what I can do in scripts when they <strong>are</strong> enabled.</em></li>
  </ul>
  
  <p>I notice that Google Maps uses a fixed-size area for the map when scripts are disabled.  If Google has given up on this problem does that mean it's not feasible?</p>