在更改桌子高度后保持固定的桌子行高度

Question

我有一个没有定义高度的表，里面有三个表行。 示例：

<table>
 <tr height="20px"> <td> &nbsp; </td> </tr>
 <tr height="1px"> <td> content with unknown height </td> </tr>
 <tr> <td> &nbsp; </td> </tr>
</table>

我希望第一行具有固定的20px高度，第二行扩展到其内容的高度，第三行填充剩余空间。

当我在Javascript中更改表的高度时，我想保留该布局（20px - 内容高度 - 剩余空间），但在IE7（可能是6）中，行被调整以保持初始比例。

示例：

如果我有一个60px内容的初始100px表：

第1行 - 20px

第2行 - 60px

第3行 - 20px

并将它的高度改为200px，我会得到：

• 除IE6 / 7以外的任何浏览器/版本：

第1行 - 20px

第2行 - 60px

第3行 - 120px

• IE 6/7：

第1行 - 40px

第2行 - 120px

第3行 - 40px

我可以做任何事情来修复（在IE7中）行的高度，让第三行填充剩余的空间，保持其他2的固定。