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

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 中的样式相同？

score 3 · Accepted Answer

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

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

试试这个：

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

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

score 2 · Accepted Answer

 您的 doctype之前有一个 HTML ，它将触发 IE 进入 quirks 模式（相当于 IE5）。IE 基本上会解析您的文档，就好像它没有文档类型一样。什么都不应该先于<!DOCTYPE html>

其次，您使用的是 HTML 4.01 中已弃用的表属性，但您在技术上声明了 HTML 5 文档类型 .. 这两个原因很可能解释了浏览器之间的差异。

您还在align整个站点中多次使用 deprecated 属性.. 如果您坚持使用 HTML 4.01 属性，至少更改您的文档类型以匹配它：

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

2 回答 2