title: Layout divs in css like table cells in HTML Tables
body: <p>One more time today i stumbled upon a problem i always have with css layouts. I'd like to have 5 divs in a horizonzontal row. Let's say for example their widths should be:</p>
  
  <ul>
  <li>1 : 60 px,</li>
  <li>2 : 30 %,</li>
  <li>3 : 40px,</li>
  <li>4 : *</li>
  <li>5 : 100px</li>
  </ul>
  
  <p>where * stands for "fill up the remaining space". Back in the old days that's been the way we layouted width tables. Nowadays due to accesibility reasons html tables are banned for layouts. This is just an example. I'm searching for a general solution.</p>
  
  <p>Does someone know a generator, a <em>lightweight</em> javascript solution (can be a jQuery plugin), a tutorial, a book, or a magician which can help me to solve this problem for now and forevermore?</p>
  
  <p>Allthough a javascript based solution is possible a non-script solution would be preferred.</p>