Question

我有几个包含表格的网页，我希望在表格和单元格周围有行边框。事实上，其中一些页面已经存在了好几年，并且在IE6，IE7中可以接受。

我们在6个月前切换到一组完全不同的样式表来改变我们的网站外观和感觉。我们也改用IE8这样的“现代”浏览器（因为我无法阻止Vista）到IE9。

现在边框根本不会渲染。

大约一个月前，我花了一天时间与之斗争，但未能解决问题。似乎我可以将页面缩小到最近的表格，IE8仍然不会渲染边框。我想我认为IE8只是马车，但我不是HTML专家，所以我更有可能是我的车。（我只是回到这个;我会去看看我是否能找到那个缩小的页面。）

这是一个这样的页面：

http://www.semdesigns.com/products/DMS/DMSComparison.html

表格应该是显而易见的;你可以通过他们没有线来告诉他们： - {

URI使用W3C服务验证为HTML 4.01 Transitional。

有什么建议吗？

编辑：海报都指出新样式表将默认边框设置为0.糟糕！

Answer 1

从我所看到的你有边框：0;在表格的造型中。

这将隐藏表格上的边框。

Answer 2

我在Firefox中也看不到任何边框。

SDstyle.css，第16行。您执行CSS重置，为{} {}，border: 0;，table标记的大量标记设置td }，tr ...
您将表格声明为th，但同时您的CSS文件中没有定义此类样式。

Answer 3

您的新样式表似乎使用重置值，即它为border:0（包括表格）设置了许多不同的元素。您需要专门设置表格和单元格的边框。

要设置表格周围的边框，只需使用table.box {border:1px solid #000}即可。但是，如果您在表格和单元格的所有边上设置边框，则边框的边框将是您需要的两倍。

因此，我使用以下技巧来设置外部表格的顶部和右侧边框，以及表格单元格的底部和左侧。这样可以在表格的整个内容中显示出均匀的边界。

table.box {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

table.box td {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

我注意到你的盒子表中有一些空单元格，所以你需要删除它们以防止双边框。

无法获取表格边框/单元格周围的线条

3 个答案: