title: CSS Table columns width: fixed - dynamic(30%) - dynamic(70%) - fixed
body: <p>I managed to obtain this kind of table layout: </p>
  
  <p>fixed - dynamic(50%) - dynamic(50%) - fixed</p>
  
  <p><a href="http://jsfiddle.net/ihtus/ksucU/" rel="nofollow noreferrer">http://jsfiddle.net/ihtus/ksucU/</a></p>
  
  <p><img src="https://i.stack.imgur.com/a1FT4.png" alt="enter image description here"></p>
  
  <p>But how do I get this kind? fixed - dynamic(30%) - dynamic(70%) - fixed</p>
  
  <p><img src="https://i.stack.imgur.com/6tsVM.png" alt="enter image description here"></p>
  
  <p>Here's my CSS:</p>
  
  <pre><code>table {
      width:100%;
      border-collapse:collapse;
      table-layout:fixed;
  }
  
  td {
      border: 1px solid #333;
  }
  </code></pre>