title: html table cell match tr width (non static rows count)
body: <p>I have such html structure:</p>
  
  <pre><code>&lt;table border=1 &gt;
      &lt;tr&gt; &lt;!--this tr has one &lt;td&gt; that needs to be 100% width--&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt; &lt;!--this tr has two &lt;td&gt; that each need to be 50% width--&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt; &lt;!--this tr has three &lt;td&gt; that each need to be 33.3333% width--&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt; &lt;!--this tr has one &lt;td&gt; that needs to be 100% width--&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>how can i do, that for example first tr td is for 100%, second tr two td's are both 50%, but all them for 100% and so over,  i need to fill td to tr width, and if there more than one td, to do that they divide this width...</p>
  
  <p><a href="http://jsfiddle.net/ujMgM/" rel="nofollow noreferrer">http://jsfiddle.net/ujMgM/</a></p>
  
  <p>possibly without using js...</p>
  
  <p><strong>update: NO! colspan</strong></p>