title: 3 columns: one with max-width, two others with min-width
body: <p>Three columns must fill the width of the parent container. The width of the left and the right columns must not be less than 150px. The center column must not be greater than 200px width.</p>
  
  <p>I've made <a href="http://elv1s.ru/files/html+css/min-width_max-width_columns.html" rel="nofollow noreferrer">a reference page</a> that uses JavaScript to do the layout. Is it possible to do the same layout with pure CSS?</p>
  
  <p><a href="http://elv1s.ru/files/html+css/min-width_max-width_columns.png" rel="nofollow noreferrer">screenshot http://elv1s.ru/files/html+css/min-width_max-width_columns.png</a></p>
  
  <p>It should work at least in IE 8, Firefox 3.6, Chrome 7, Safari 5, and Opera 10.63.</p>