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

时间:2012-12-14 15:43:39

标签: html-table row internet-explorer-7

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

<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的固定。

0 个答案:

没有答案