单元格边框不在Firefox中显示

我有一个非常简单的表格，它应该同时显示表格和单元格边框。这在Chrome和IE中运行良好，但Firefox只显示表格边框，而不是单元格边框。这里的HTML：单元格边框不在Firefox中显示

<table border = "1" class ="MyTable"> 
    <tr> 
     <td class = "c1"></td> 
     <td class = "c2"></td> 
     <td class = "c3"></td> 
     <td class = "c4"></td> 
     <td class = "c5"></td> 
     <td class = "c6"></td> 
     <td class = "c7"></td>  
     <td class = "c8"></td> 
     <td class = "c9"></td> 
     <td class = "c10"></td> 
</tr> 
</table>

（所有的TD类在那里被称为在BTW后的JavaScript - 但不是有关这个问题，或者至少我不这么认为）

这里的CSS：

table.MyTable { 
    margin-left: 10%; 
} 

table.MyTable td 
{ 
    width: 20px; 
    height:30px; 
    border: 4px solid black; 
}

我试过1）使用表ID而不是表类; 2）从HTML中删除<table border ="1" >，而是在CSS中添加样式信息; 3）将CSS代码拆分为单独的边框样式，边框颜色和边框宽度命令。在任何情况下，代码都会在Chrome和IE中显示，而不是Firefox。

供参考，这是它应该是什么样子（在Chrome）：

Correct rendering in Chrome

这就是它看起来像在Firefox：

Incorrect rendering in Firefox

来源

2013-04-23 cura

有点幼稚，但你有没有尝试删除浏览器缓存？ – intelis 2013-04-23 02:13:12

在Firefox 20中正常工作。[jsFiddle]（http://jsfiddle.net/N2A2G/） – 2013-04-23 02:14:27

我已经想通出来答案，我在这里添加它，以防其他人有同样的问题。在文档的开头添加标签<!DOCTYPE html>可解决问题。

退房的区别：

http://www.users.on.net/~tschembri214/test1.html - 正确显示

http://www.users.on.net/~tschembri214/test.html - 不显示正确

我已经证实，第二连杆不正确的Firefox在3个不同显示电脑。除了包含doctype标签之外，所有页面中的所有内容都是相同的。另外，这不会在jsfiddle上重现 - 它在Firefox上没有标签。

来源

2013-04-23 21:46:52 cura

帮助我很多 – 2013-08-25 21:57:26

完美的谢谢！你应该把这个标记为正确的答案。 – Deekor 2014-01-16 05:09:24

链接似乎proken – hasen 2016-02-24 21:53:39

单元格边框不在Firefox中显示

回答

相关问题