Неправильное форматирование таблицы CSS

Question

У меня возникла проблема с форматированием таблицы CSS с использованием рамки Gumby. Первая строка таблицы «захватывает» содержимое над ней.

Я подозреваю, что у меня есть незакрытый тег, но я уверен, что не могу его найти.

Вот что я думаю, что это releveant 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. 

Первая строка таблицы положить границу вокруг сторон вмещающего в «Top Ten ...»

Вы можете см вопрос о проекте на странице:

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

в правом столбце содержит таблицу 50% времени, так что вам, возможно, потребуется перезагрузить несколько раз см. вопрос.

Надеюсь, этого достаточно, чтобы позволить кому-то решить мою дилемму.

Answer 1

Удалите фон из div или установите ширину, чтобы она не погасла. И установите border: none для класса CSS_Table_Example, чтобы избавиться от границы. Надеюсь, это ответит на ваш вопрос.

кстати. не используйте <br>, чтобы поместить некоторое пространство, вместо этого используйте свойство margin.