Question

有一张表如下：

<table width="100%">
<tr id="header">
 <td colspan="2"></td>
</tr>
<tr id="center">
 <td id="left" style="width: 201px"></td>
 <td id="mainpage" style="width: 100%"></td>
</tr>
</table>

在除IE8之外的每个浏览器（包括IE7）中，“左”td都没问题。在IE8中，它根据主页的内容超出了宽度。

我会发布一些截图，但这是我的第一篇帖子。

任何想法？

Answer 1

第二列上的width: 100%看起来不正确 - 如果您尝试将第二列扩展到剩余的可用空间，则根本不需要它，所以你可以去掉它。另外，将其添加到您的表格中：

table-layout: fixed;

确保遵守宽度。

完整代码：

<table style="width: 100%; table-layout: fixed;">
<colgroup>
    <col style="width: 201px">
</colgroup>
<tr id="header">
    <td colspan="2"></td>
</tr>
<tr id="center">
    <td id="left"></td>
    <td id="mainpage"></td>
</tr>
</table>

Answer 2

您确定它应该是100%

<table width="100%">

该表将与其父元素一样大。可能是您应该为表格设置固定宽度：

<table width="600">

Answer 3

如果您为表格和第一个定义宽度，则无需为第二个定义宽度。

我猜第二个从表格容器中得到100％。

Answer 4

好吧，通过在主页内添加一个固定宽度的空表来解决问题。

这样我实际上设置的最小宽度是无论IE的忽略态度。谢谢你的所有答案。

IE8忽略td宽度，适用于IE7

4 个答案: