0

我有一个网页http://www.chiaramail.com/intro.html,在 Chrome、IE 和 Safari 中显示良好,但是当使用 Firefox 查看时,彩色区域被水平白线分割。我怀疑这是与我使用表格的方式有关的空白,但我看不出 Firefox 不喜欢什么。

这是页面的相关HTML:

              <table class="content" Rules="none" FRAME=void>
                  <tbody>
                      <tr>
                          <td style="background-color: #97BBDD"></td>
                          <td><b style="color:green"><center>Ensure the privacy of your mail.</center></b></td>
                      </tr>
                      <tr>
                          <td style="background-color: #97BBDD"></td>
                          <td class="content content-data">Using <a href="technology.html">Envelope-Content Splitting</a><sup><font size="1">&#153;</font></sup> (ECS) technology, your e-mail becomes unreadable by everyone except your intended recipients. <a href="learn_more_privacy.html">Learn more</a>...</td>
                      </tr>
                      <tr>
                          <td class="content-data" align="center"><b style="color:green"><center>Keep control of every message you send. Forever.</center></b></td>
                          <td style="background-color: #BBDD97"></td>
                      </tr>
                      <tr>
                          <td class="content content-data">Change your message at any time after you sent it. Delete it. Even make it disappear seconds after your recipients have read it. <a href="learn_more_edit.html">Learn more</a>...</td>
                          <td style="background-color: #BBDD97"></td>
                      </tr>
                      <tr>
                          <td style="background-color: #DD97BB"></td>
                          <td><b style="color:green"><center>Protect your recipients from spoofing and phishing.</center></b></td>
                      </tr>
                      <tr>
                          <td style="background-color: #DD97BB"></td>
                          <td class="content content-data">ECS mail makes it virtually impossible for a sender to masquerade as you, due to the authentication scheme used by the ChiaraMail content server. <a href="learn_more_protect.html">Learn more</a>...</td>
                      </tr>
                      <tr>
                          <td class="content-data" align="center"><b style="color:green"><center>Send really big attachments more efficiently.</center></b></td>
                          <td style="background-color: #97DDBB"></td>
                      </tr>
                      <tr>
                          <td class="content content-data">ECS technology gives you the ability to send attachments of almost unlimited size, without maxing out your recipients' inboxes. <a href="learn_more_lg_attachments.html">Learn more</a>...</td>
                          <td style="background-color: #97DDBB"></td>
                      </tr>
                  </tbody>
              </table>

这是CSS:

    p {margin: 1em; }
    a.header { text-decoration:none; }
    a.footer { text-decoration:underline; }
    table.header { border: none; }
    table.footer { border: none; width:60%; }
    table.content { border: none; width:60%; margin-left: auto; margin-right: auto;}
    td.header-img { border: none; }
    td.header { padding:10px; background-color: #808080; }
    td.footer { padding:10px; background-color: #f2f2f2; }
    td.content { padding:10px; text-align: left; }
    td.header:hover { background-color: #94B9DC; }
    td.footer:hover { background-color: #f2f2f2; }
    td.content-img:hover { background-color: #97BBDD; }
    td.content-data:hover { background-color: #FFFFFF; }
    #download_button:hover { background-color: #FFFFFF; }

有任何想法吗?

4

2 回答 2

2
table { 
    border-spacing:0;
    border-collapse:collapse;
}

请参阅这篇文章:在 CSS 中设置单元格填充和单元格间距?

于 2013-10-09T18:48:32.753 回答
1

在您的table.content规则中,添加border-collapse: collapse;.

于 2013-10-09T18:48:44.367 回答