title: How to set the table´s width to the window´s width
body: <p>I want a table to get the same width as the window and if it´s to wide I want to be able to scroll the table. Today the table gets wider then the window and you have to use the scrollbar on the window instead of the scrollbar on the div that contains the table.</p>
  
  <p>(I have noticed that if I remove the first table it works great, but I can´t remove that because my html-code will be inserted in a page that has this table-tag.)</p>
  
  <pre><code>&lt;table style="width:100%;"&gt;
  &lt;tr&gt;
      &lt;td&gt;
          &lt;div style="width:100%;overflow:scroll;"&gt;
              &lt;table style="width:100%;overflow:hidden;"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &lt;div style="width:900px;"&gt;Kolumn123&lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;div style="width:900px;"&gt;Kolumn123&lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here is a <a href="http://jsfiddle.net/Y73t4/52/" rel="nofollow">JSFiddle demo</a></p>