title: CSS table-layout: fixed not working?
body: <p>My original concern was: table are flowing out of the div container. I've searched on how to solve it and ended up using table-layout fixed (<a href="http://www.456bereastreet.com/archive/200704/how_to_prevent_html_tables_from_becoming_too_wide/" rel="nofollow noreferrer">How to prevent HTML tables from becoming too wide</a>) and with this concern.</p>
  
  <p>This question maybe tagged duplicate but these questions are different from mine: <a href="https://stackoverflow.com/questions/16378941/table-layout-fixed-not-working">Fixed table layout not filling specified table width</a>,
  <a href="https://stackoverflow.com/questions/28340376/fixed-table-layout-not-filling-specified-table-width">table-layout fixed not working</a></p>
  
  <p>class of the containing div</p>
  
  <pre><code>.cardio-form-container table {
      border-collapse: collapse;
      border: solid 1px #000;
      table-layout: fixed;
      word-wrap:break-word;
      width: 100%;
  }
  
  .cardio-form-container table td {
      border: solid 1px #000;
  }
  
  &lt;div class="cardio-form-container"&gt;&lt;table&gt;.....
  &lt;tr&gt;
      &lt;td&gt;Contact #&lt;/td&gt;
      &lt;td&gt;TextBoxTextBoxTextBoxTextBoxTextBoxTextBoxTextBox&lt;/td&gt;
      &lt;td&gt;Locality&lt;/td&gt;
      &lt;td&gt;TextBox&lt;/td&gt;
      &lt;td&gt;FILE #&lt;/td&gt;
      &lt;td&gt;TextBox&lt;/td&gt;
      &lt;td colspan="2"&gt;TextBox&lt;/td&gt;
      &lt;td&gt;TAPE #&lt;/td&gt;
      &lt;td&gt;TextBox&lt;/td&gt;
      &lt;td colspan="2"&gt;TextBox&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Referring MD&lt;/td&gt;
      &lt;td&gt;TB&lt;/td&gt;
      &lt;td&gt;Weight&lt;/td&gt;
      &lt;td&gt;TB&lt;/td&gt;
      &lt;td&gt;Sonographer&lt;/td&gt;
      &lt;td colspan="6"&gt;&lt;/td&gt;
  </code></pre>
  
  <p></p>
  
  <ul>
  <li>I also tried max-width: 100% with and without important!, set width="100%" in the html table.</li>
  </ul>
  
  <p>Table rows doesn't fit the table and some rows are longer than the other. The image should be able to clearly describe my question.</p>
  
  <p><img src="https://i.stack.imgur.com/WGRjY.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/E6yI5.png" alt="Updated"></p>