html - 表格的100％宽度未填满页面

我已经制作了一张桌子作为框架来放置我的网站，但是当我将它的宽度设置为100％并在其上放置背景时，我的右手边有一个不会填满的边缘。

签出链接到我的个人资料的我的网站，然后单击altwebsite 2链接以获取即时消息。

这是代码：

<table id="maintable">
    <tr id="firstrow">
        <th id="header" colspan="3">

        </th>
    </tr>
    <tr id="menu" colspan="3">
        <td>
            <?php
                include 'pagecontent/link.php';
            ?>
        </td>
    </tr>
    <tr id="secondrow">
        <td id="leftcol">
            &nbsp;
        </td>
        <td id="maincol">
            <?php
            include 'pagecontent/main.php';
            ?>
        </td>
        <td id="rightcol">
            &nbsp;
        </td>
        <td id="footer" colspan="3">

        </td>
    </tr>
</table>

和CSS：

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

table {
  text-align: center;
  border-width: 0;
  border-style: none;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  width: 100%;
}

我试图将所有内容保留在单独的样式表中。

任何帮助将是非常感谢

最佳答案

您的id="header"和id="menu" [colspan]设置为3，但是您的id="secondrow"具有四个<td>

也许您想要这样：

<table id="maintable">
    <tr id="firstrow">
        <th id="header" colspan="3"></th>
    </tr>
    <tr id="menu">
        <td colspan="3">
            <?php
                include 'pagecontent/link.php';
            ?>
        </td>
    </tr>
    <tr id="secondrow">
        <td id="leftcol"></td>
        <td id="maincol">
            <?php
            include 'pagecontent/main.php';
            ?>
        </td>
        <td id="rightcol"></td>
    </tr>
    <tr id="footer" >
        <td colspan="3"></td>
    </tr>
</table>

关于html - 表格的100％宽度未填满页面，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34887611/