100% высота внутреннего стола

Question

Я отправляю несколько писем.Часть их общего макета требует бело-желтого дизайна на левой стороне.Таблица1 не имеет фиксированной высоты, поскольку в зависимости от отправляемого электронного сообщения будет различаться содержимое.Как я могу получить table2, чтобы полностью заполнить по высоте?Я использую стороннее программное обеспечение для генерации html, поэтому «модные» встроенные CSS не нужны.

<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

Как насчет изменения первого тега <td> (который содержит table2) на <td height="100%">?Таким образом, максимальная высота ячейки, а не только высота стола.

Answer 2

Вы можете сделать это с помощью 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> 

Answer 3

Если вы хотите растянуть всю высоту, почему бы вам не потерять стол 2 и сделать что-то вроде:

<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>

Или я неправильно понял ваш вопрос?