title: Css div responsive design
body: <p>I have 2 divs inside one container div:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="left"&gt;&lt;/div&gt;
      &lt;div class="right"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is how it should work:</p>
  
  <p>Left one if fixed size, right one should be responsive and should have minimum and maximum width, which means if you shrink window width, right div should just shrink its width! (in between its min and max width) and stay on the right of the left div!, until width of the container div becomes smaller than left div width + right div min width, then right div should fall below left div!</p>
  
  <p><a href="http://jsfiddle.net/5m8Lj/6/" rel="nofollow">http://jsfiddle.net/5m8Lj/6/</a></p>
  
  <p>Width current css, green div should shrink its width with between 200 and 500px, while staying on the right of left div, only if container div becomes smaller than 400 (width of both divs) then green div should fall below blue div.</p>
  
  <p>Thank you!</p>