表格边框在Chrome和IE浏览器中不一样

我的网站http://www.matejkadesign.com在Chrome，IE和Firefox中显示一致样式的外部表格边框时遇到问题。我想要的样式是在Chrome中，但在其他两种浏览器中都不同。我寻找修复但没有找到。我不用CSS来设计我的表格，我用html这样做：表格边框在Chrome和IE浏览器中不一样

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

这似乎产生了三种不同的效果。我如何在Firefox和IE中使样式与Chrome一样？

来源

2013-03-09 mateikav

请解释什么是无法正确显示？ – Starx 2013-03-09 23:04:29

使用CSS指定确切的出现。当你使用这样的旧属性时，你将会受到浏览器默认样式的限制，而不能使用边界类型。 – prodigitalson 2013-03-09 23:08:29

谢谢。我切换到CSS样式，并且我的问题已修复 – mateikav 2013-03-09 23:31:13

有什么特别的为什么你需要使用内联样式？

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

试试这个：

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

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

来源

2013-03-09 23:20:34 Ninetou

这解决了我的问题完美。 – mateikav 2013-03-09 23:27:30

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

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

您还在使用过时的align整个网站的属性几次..如果你坚持要用HTML至少4.01属性改变你的doctype与之相匹配的：

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

来源

2013-03-09 23:08:47 Adrift

本来，我声明HTML5是因为我使用了一些HTML5功能。我想我最好为了安全而宣布它。当我使用已弃用的元素时，这可能不是必要的吗？ – mateikav 2013-03-09 23:30:27

表格边框在Chrome和IE浏览器中不一样

回答

相关问题