部分右边框的问题被截断(附上截图)<table style =“border-collapse:collapse”> </table>

时间:2012-03-05 22:18:25

标签: html css

我是一名新的网络开发人员(显然)。当我第一次注意到这个问题时,我认为这可能与我正在研究的网站有些奇怪。从那时起,我就在其他几个网站上工作并发现了同样的事情。

当我使用CSS属性“border-collapse:collapse”来设置HTML表格样式时,有时我加载页面时会切断极右边界(在FF和IE中)。奇怪的是,当我向上和向下滚动时,它偶尔会修复自己而不重新加载页面。它通常发生在桌子的右下角,如第二个屏幕截图所示。

screenshot1

screenshot2

这是我的HTML / CSS:

<table width="730" border="0" cellpadding="4" cellspacing="0" style="border-collapse: collapse;">
  <tr>
    <td style="border:1px solid #ff9900;"></td>
    <td style="border:1px solid #ff9900;"></td>
    <td style="border:1px solid #ff9900;"></td>
  </tr>
.
.
.
</table>

是什么给出的?有任何想法吗?谢谢你的时间和努力!

1 个答案:

答案 0 :(得分:14)

Moz有border-collapse:collapse;追溯10年左右的问题,它会不断修复,然后再次变成错误(请参阅错误追踪herehere)。

尝试向表格元素添加边框,如下所示: -

#your-table-name {border-collapse : collapse; border : 1px solid orange;}

#your-table-name td {border: 1px solid orange;}

请注意,这是一个编码问题,应该转到stackoverflow。它也有助于发布您正在使用的浏览器版本。