Comment définir la taille de la table interne à la taille de la colonne externe lorsqu'elle utilise le pourcentage?

Question

Mon 'othertablebody' va augmenter en taille en fonction de ce que l'utilisateur entre, il peut augmenter jusqu'à ce qu'il dépasse la table externe, je ne le veux pas comme ça. Je veux que la largeur soit fixée non pas en pixels, mais en fonction de la table externe. Par exemple, col1 je veux 10% de la colonne extérieure, col2 30% de la colonne externe n col3 60% de la colonne externe ... comment peut-il être fait?

Il serait bon si je peux obtenir ce que la largeur de 100% en pixels ...

<table width='90%'> 
<tbody id='todobody'> 
    <tr> 
     <td valign='top' width='100%'> <--- this is the outer column 
      <div class='div1'> 
       <table> 
        <tbody id='atablebody'> 
        <tr> 
        <td>col1</td> 
        <td>col2</td> 
        <td>col3</td>            
        </tr> 
        </tbody> 
        <tbody id=anothertablebody'></tbody> 
       </table> 
      </div> 
     </td> 
    </tr> 
</tbody> 
</table> 

Answer 1

<table width='90%'> 
<tbody id='todobody'> 
    <tr> 
     <td valign='top' width='100%'> <!-- this is the outer column--> 
      <div class='div1' style="width: 100%;"> 
       <table width="100%"> 
        <tbody id='atablebody'> 
        <tr> 
        <td width="10%">col1</td> 
        <td width="30%">col2</td> 
        <td>col3</td>            
        </tr> 
        </tbody> 
        <tbody id=anothertablebody'></tbody> 
       </table> 
      </div> 
     </td> 
    </tr> 
</tbody> 
</table> 

Quand vous dites width="100%", cela signifie que balise particulière devrait occuper 100% de la largeur disponible