title: How do I stretch two div-elements to fill available horizontal space?
body: <p>I really hope that you can help me.</p>
  
  <p>I created <a href="http://jsfiddle.net/6fLDS/1/" rel="noreferrer">this fiddle</a> to show what I'm trying to do.</p>
  
  <p>My question is: How do I stretch two div-elements to fill available horizontal space?</p>
  
  <p>As you can see there are 5 div-elements strung together, wrapped by a div-element where I set the background-color and width with 100%.</p>
  
  <p>There are three div-elements with a width of 50px.</p>
  
  <p>The width of the other two div-elements should fill up to the rest availiable space, they should have the same width, too ->50% for each of both divs. </p>
  
  <p>My problem is that the 50% for those both div-elements amount to a 100% total-width. And not to a availiable space width.</p>
  
  <p>I'm trying not to use tables, etc.</p>
  
  <p>Let me know if there is something unclear.</p>
  
  <p>EDIT:
  <a href="http://jsfiddle.net/6fLDS/50/" rel="noreferrer">I'd like to hear your comments about this way.</a></p>