title: divide "content" area into two columns?
body: <p>I'm looking at making the transition from HTML tables to pure CSS layouts. So far, the one thing that eludes me is how to layout a page properly.</p>
  
  <p>I can do:</p>
  
  <ul>
  <li>header</li>
  <li>left navigation</li>
  <li>content</li>
  <li>footer</li>
  </ul>
  
  <p>So like this:</p>
  
  <pre><code>________________________ 
  |      Header           |
  |_______________________|
  | Left |     Content    |
  | Nav  |                |
  |      |                |
  |      |                |
  |      |                |
  |      |                |
  |      |                |
  |      |                |
  |      |                |
  |      |                |
  |      |                |
  |______|________________|
  |     Footer            |
  |_______________________|
  </code></pre>
  
  <p>However, on some pages I want to be able to divide the "content" area into something like the following:</p>
  
  <pre><code>________________________ 
  |      Header           |
  |_______________________|
  | Left | info | info    |
  | Nav  |      |         |
  |      |      |         |
  |      |      |         |
  |      |      |         |
  |      |______|_________|
  |      | Other info     |
  |      |                |
  |      |                |
  |      |                |
  |      |                |
  |______|________________|
  |     Footer            |
  |_______________________|
  </code></pre>
  
  <p>Anyone know how something like this would be done? Or even a nice website that helps with this kind of thing? </p>