100% of container height without modifying the container

I'm writing some HTML to be inserted into a page. The current structure is something like this:

<table>
 <tr>
  <td rowspan="2">left column</td>
  <td height="1">top row above content</td>
 </tr>
 <tr><td height="220">my content here</td></tr>
</table>

I have complete control over the table but nothing else. What I want to do is to have a the content fill the entire cell. I have gotten the width, but I can't get the height right.

Some things I have tried are:

• Setting the height to 100%.
• Attributes like height=200.
• Giving the content absolute positioning. This unfortunantly made it fill the page instead of the cell.

The main problem that I haven't solved is because of the left column and content varying in height.开发者_运维知识库 When the left column is larger than the content it won't expand. Unfortunantly, fixed height iQsn't an option because it isn't responsive.

How can I make the content fit the the entire table cell?

Have you considered an iframe? seems to me you could set the parameters of the iframe inside a table cell, div, as the iframe usually doesn't care where it is on the page.