Table intérieure 100% hauteur

Question

J'envoie plusieurs courriels. Une partie de leur disposition partagée nécessite un dessin blanc et jaune sur le côté gauche. table1 n'a pas de hauteur fixe car il y aura un contenu différent en fonction de l'email envoyé. Comment puis-je remplir complètement la table2 en hauteur? J'utilise un logiciel tiers pour générer le code HTML, donc "fantaisie" inline css est un non-go.

<table name="table1"> 
    <tr> 
    <td> 
     <table height="100%" name="table2"> 
     <tr> 
      <td height="100%" width="10px" bgcolor="white"></td> 
      <td height="100%" width="30px" bgcolor="yellow"></td> 
     </tr> 
     </table> 
    </td> 
    <td> 
     text that can so on and on and on...</br> 
     more text</br> 
     even more.</br> 
    </td> 
    </tr> 
</table> 

Answer 1

Si vous voulez étirer toute la hauteur pourquoi ne pas vous lâche tableau 2 et faire quelque chose comme:

<table name="table1"> 
    <tr> 
    <td width="10px" bgcolor="white"></td> 
    <td width="30px" bgcolor="yellow"></td>  
    <td> 
     text that can so on and on and on...<br/> 
     more text<br/> 
     even more.<br/> 
    </td> 
    </tr> 
</table> 

Ou dois-je mal comprendre votre question?

Answer 2

Pourquoi ne pas modifier la première balise <td> (qui contient la table2) en <td height="100%">? De cette façon, la hauteur de la cellule est maximale, pas seulement celle de la table.

Answer 3

Vous pouvez le faire avec JavaScript

<table> 
    <tr> 
    <td id="td1"> 
     <table bgcolor="red" id="table1"> 
     <tr> 
      <td width="10px" bgcolor="white">s </td> 
      <td width="30px" bgcolor="yellow">s </td> 
     </tr> 
     </table> 
    </td> 
    <td> 
     text that can so on and on and on...</br> 
     more text</br> 
     even more.</br> 
    </td> 
    </tr> 
</table> 
<script> 
    document.getElementById("table1").style.height = document.getElementById("td1").offsetHeight + "px"; 
</script>