title: How to implement a web page that scales when the browser window is resized?
body: <p>How to implement a web page that scales when the browser window is resized?</p>
  
  <p>I can lay out the elements of the page using either a table or CSS float sections, but i want the display to rescale when the browser window is resized</p>
  
  <p>i have a working solution using AJAX PRO and DIVs with overflow:auto and an onwindowresize hook, but it is cumbersome. Is there a better way?</p>
  
  <ul>
  <li><p>thanks everyone for the answers so far, i intend to try them all (or at least most of them) and then choose the best solution as the answer to this thread</p></li>
  <li><p>using CSS and percentages seems to work best, which is what I did in the original solution; using a visibility:hidden div set to 100% by 100% gives a way to measure the client area of the window [difficult in IE otherwise], and an onwindowresize javascript function lets the AJAXPRO methods kick in when the window is resized to redraw the layout-cell contents at the new resolution</p></li>
  </ul>
  
  <p>EDIT: my apologies for not being completely clear; i needed a 'liquid layout' where the major elements ('panes') would scale as the browser window was resized. I found that i had to use an AJAX call to re-display the 'pane' contents after resizing, and keep overflow:auto turned on to avoid scrolling</p>