css - IE8 忽略 td 宽度，适用于 IE7

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>