Question

我测试了以下页面：

http://69.195.124.68/~discowv9/?page_id=146

在Firefox中，底部边框线未显示右侧标题为“Discovery Club Care”的表格。它在我测试的所有其他浏览器中都有（IE，Chrome，Safari）。

源代码：

/*************** TABLES CSS ***************/
.entry-content table, .comment-content table {
    border: 1px solid #000000;
    color: #000;
    font-size: 1rem;
    line-height: 1rem;
    margin: 0 0 1.71429rem;
    width: 100%;
}
.entry-content table caption, .comment-content table caption {
    font-size: 1.14286rem;
    margin: 1.71429rem 0;
}
.entry-content td, .comment-content td{
    border: 1px solid #000;
    padding: 6px 10px 6px 10px;
}

.entry-content th {
    border: 1px solid #000;
    padding: 3px 10px 3px 10px;
}
/********** End TABLES CSS ***********/

/************ HTML CODE **************/

<table style="width: 250px; float: left; margin-right: 25px;" border="1" cellspacing="0" cellpadding="5" align="left">
    <thead>
    <tr>
    <th style="background-color: #990000; width: 250px;" colspan="1" align="center" valign="middle">
    <h3 class="table_h3" style="color: #ffffff; text-align: center; margin: 0; font-size: 18px;">Discovery Club Care</h3>
    </th>
    </tr>
    <tr bgcolor="#CCCCCC">
    <th width="33%"><span style="font-size: medium; color: #000000;">REMOVES</span></th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td width="33%">
    <ul style="color: #000000; list-style: disc outside none;">
    <li>dirt</li>
    <li>grass</li>
    <li>stains</li>
    <li>scum</li>
    <li>oil/grease</li>
    <li>scuff marks</li>
    </ul>
    </td>
    </tr>
    <tr bgcolor="#CCCCCC">
    <th width="33%"><span style="font-size: medium; color: #000000;">CLEANS</span></th>
    </tr>
    <tr>
    <td width="33%">
    <ul style="color: #000000; list-style: disc outside none;">
    <li>golf clubs &#8211; even head grooves and club grips</li>
    <li>golf bags</li>
    <li>golf shoes</li>
    <li>golf carts/seats</li>
    <li>golf course mowing equipment</li>
    <li>and more!</li>
    </ul>
    </td>
    </tr>
    <tr bgcolor="#CCCCCC">
    <th width="33%"><span style="font-size: medium; color: #000000;">HELPS</span></th>
    </tr>
    <tr>
    <td width="33%">
    <ul style="color: #000000; list-style: disc outside none;">
    <li>make your golf game better!</li>
    <li>control ball spin</li>
    <li>improve ball action</li>
    <li>improve accuracy</li>
    <li>promote golf product longevity</li>
    <li>keep golf equipment products clean</li>
    </ul>
    </td>
    </tr>
    </tbody>
    </table>

表的最后一个边框没有出现在Firefox中

0 个答案: