title: How do you create a two-column layout without html tables?
body: <p>I have been told several times that I shouldn't be using tables for layout design but I constantly find myself going back to them when I can't figure out how to do something.</p>
  
  <p>I need to create a two column layout. The left column is 300px width and the right column takes up the rest of the width on the page. I can't figure out how to properly do this with plain HTML and I can't even quite figure out how to do it with a table either.</p>
  
  <p>In order to have the right column take up the rest of the width it seems that I would need to specify the left column's width with a percentage so that the right column's width can be 100% less the percentage of the left column. But I need the left column to be 300px exactly.</p>
  
  <p>The only thing I can think to do is calculate the right column's width at runtime with JS. Any ideas how I can accomplish this without tables and/or without Javascript?</p>