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>