表格溢出且与页面不对齐

Question

我正在尝试使表格与页面正确对齐，但它位于页面的左侧并且正在正确显示内容部分。这是链接：http://www.nta-aberdeen.org.uk/V2/ntc.php?language=dutch。

我会发布 CSS 代码，但这篇文章太长了，我完全不知道问题的原因。可以看看链接上的出处吗？

但是，这里是文件的 PHP 代码：

<?php require "/customers/2/f/3/nta-aberdeen.org.uk//httpd.www//V2/require/header.php";?>

<section>
<div id="container">
<div id="leftcol">

</div><!-- end left column-->
<div id="content">
            <?php include $version."ntc_center.".$filelang.".inc.php"; ?>

</div>
<div id="rightcol">

</div> <!-- end right column -->
</div> <!-- end content -->
</section>

<div class="push"></div>
</div> <!-- end container -->
<footer>
    <div><p>Designed and maintained by <a href="mailto:laurens14@example.com">Laurens van Oorschot</a></p></div>
</footer>

</body>

</html> 

这是包含中心部分所需表格文件的文件：

<b>Vergelijkings tabel:</b>
<table class="table"  border=1>
  <tbody>
    <tr>
      <th>LEEFTIJD</th>
      <th>BO</th>
      <th>Schotland</th>
    </tr>
    <tr>
      <td>6  -  7   </td>
      <td>groep 3   </td>
      <td>Primary 2</td>
    </tr>
    <tr>
      <td>7  -  8   </td>
      <td>groep 4</td>
      <td>Primary 3</td>
    </tr>
    <tr>
      <td>8  -  9   </td>
      <td>groep 5   </td>
      <td>Primary 4</td>
    </tr>
    <tr>
      <td>9  - 10   </td>
      <td>groep 6</td>
      <td>Primary 5</td>
    </tr>
    <tr>
      <td>10 - 11   </td>
      <td>groep 7</td>
      <td>Primary 6</td>
    </tr>
    <tr>
      <td>11 - 12   </td>
      <td>groep 8   </td>
      <td>Primary 7</td>
    </tr>
  </tbody>
</table>
<p>In Nederland loopt de schoolleeftijd van 1 oktober tot 1 oktober. In Schotland is dit van 1 maart tot 1 maart.</p>

有什么建议吗？

Answer 1

如果您检查 HTMl，您会发现表格不在内容 div 内。如果您将所有要对齐的内容放在<div id="content"> div 中，您将看到预期的结果。