CSS 表格格式不正确

Question

我在使用 Gumby 框架格式化 CSS 表格时遇到问题。表格的第一行“抓取”其上方的内容。

我怀疑我有一些未关闭的标签，但我确实找不到它。

这是我认为相关的 CSS:

<div class="six columns" center-text>
<div id='Tips' >
<h4>Tips for Tops</h4>
                OMITTING TWO PARAGRAPHS OF TEXT
<br><br>                
</div>
<div class="twelve columns center-text"><br><h2>Top Ten Individual Winners at All Clubs This Year<br> <a href="ajax.php?scores/resultIndex"> See All Club Results</a></h2><br>

</div>

<div id="response">

<div class="CSS_Table_Example"  style="width:100%">
<table style="margin: auto;">
<tr>
<td>
etc.

表格的第一行在包含“前十名...”的两边加上了边框

您可以在草稿页面上查看问题:

http://billhogsett.com/Whist/ajax.php?scores/index

右侧列有 50% 的时间包含表格，因此您可能需要重新加载几次才能看到问题。

我希望这些信息足以让某人解决我的困境。

Answer 1

从 div 中删除背景或设置宽度以使其不会消失。并为 CSS_Table_Example 类设置 border: none 以摆脱周围的边框。希望这能回答您的问题。

顺便说一句。不要使用 <br>要放置一些空间，请改用 margin 属性。