title: Generating an asymmetrical grid of 3 divs
body: <p>I would like to create a simple css layout with three cells, where each cell contains one div. I would like these cells to resize to conform to the shape of the browser window when it is resized. I'd like the layout that I'm describing to look roughly like this, where each rectangle is one of the 3 cells:</p>
  
  <pre><code>#############################################
  #                                     #     #
  #######################################     #
  #                                     #     #
  #                                     #     #
  #                                     #     #
  #                                     #     #
  #                                     #     #
  #                                     #     #
  #                                     #     #
  #############################################
  </code></pre>
  
  <p>I can get something that approximately correct, however I can't figure out how to get the windows to format correctly when I resize the browser window. How can I create this CSS?</p>