Question

我的网站http://www.matejkadesign.com无法在Chrome，IE和Firefox中显示一致风格的外围桌面边框。我想要的样式是在Chrome中，但在其他两个浏览器中都是不同的。我找了修复但没找到。我没有在CSS中设置我的表格，我在html中这样做：

<table align="center" cellspacing="5" cellpadding="5" border="4" bordercolor="#3c2610" width="310px" >

这似乎产生三种不同的效果。如何在Firefox和IE浏览器中使样式与Chrome相同？

Answer 1

您是否有任何特殊原因需要使用内联样式？

您可以通过为border和table标记定义精确的td样式来修复这些行为，这样做可以防止浏览器应用自己的样式。

试试这个：

table {
    border: 4px solid #3C2610;
}

td {
    border: 1px solid #3C2610;
}

Answer 2

在你的doctype之前你有一个HTML  ，它将触发IE进入怪癖模式（相当于IE5）。 IE基本上解析您的文档，就好像它没有doctype一样。在<!DOCTYPE html>

之前不应该有任何内容
其次，您正在使用HTML 4.01中已弃用的表属性，但您已经在技术上声明了HTML 5 doctype ..这两个原因很可能解释了浏览器之间的差异。

您还在整个网站中多次使用已弃用的align属性..如果您坚持使用HTML 4.01属性，请至少更改您的doctype以匹配它：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Firefox和IE中的表格边框与Chrome中的不同

2 个答案: