在FireFox 3.0.15 / IE 6.0和7.0上以simialr方式制作CSS渲染
下面的CSS呈现不同取决于浏览器（主要是使用Firefox）Firefox：边框左边的样式：虚线似乎不会根据需要生效，而是显示黑色线条。
我已经拍摄了屏幕截图
FF - >
http://pixpin.com/images/81898090171964887806.jpg
IE6 - > http://pixpin.com/images/32538710129638992535.jpg
字体似乎是另一个使用EM的问题，因为它们在跨浏览器中的响应相对较好。 当我使用像素它一团糟，但不知道他们是不是更好。
我不是CSS专家，使用CSS让我感觉比与二手汽车经销商打交道更糟糕。
.Main
{font-family：Arial，“Trebuchet MS”，Sans-Serif; font-size：0.8em;
边框：0像素; } .Header {font-family：Arial，“Trebuchet MS”，Sans-Serif; font-size：1.2em; 颜色：＃666; 背景：url（“../ images / header.jpg”）repeat-x左上角; padding-left：10px;
填充：4像素; 文本转换：大写; 边界：1px的; 边界崩溃：崩溃; 边界底部宽度：薄; 左边框样式：虚线;
} .Footer {color：＃666; font-family：Arial，“Trebuchet MS”，Sans-Serif; font-size：0.7em; } .Footer td {border-style：none; 文本对齐：中心; }
.Footer跨度{color：＃666; font-family：Arial，“Trebuchet MS”，Sans-Serif; font-size：0.7em; 字体重量：粗体; 文字装饰：下划线; 边框样式：无; }
.Footer a {font-family：Arial，“Trebuchet MS”，Sans-Serif; font-size：0.7em; 颜色：＃666;
}
.Results-Item td {margin-left：10px; 垂直对齐：中部; 颜色：＃666; 背景颜色：白色; font-size：1.2em; 填充：4像素; font-family：Arial，“Trebuchet MS”，Sans-Serif; padding-left：10px;
line-height：20px; 边界：1px的; 边界崩溃：崩溃; 边界底部宽度：薄; 左边框样式：虚线; }
.Results-AltItem td {margin-left：10px; 垂直对齐：中部; 颜色：＃666; font-size：1.2em; / * _font-size：1.2em; / * IE6 hack * / padding：4px; font-family：Arial，“Trebuchet MS”，Sans-Serif; background-color：#ccc; padding-left：10px;
line-height：20px; 边界：1px的; 边界：1px的; 边界崩溃：崩溃; 边界底部宽度：薄; 左边框样式：虚线;
}
量
{text-align：right; }
避免这些错误的最佳方法是使用CSS标准化（重置）基础，例如蓝图提供的基础。
如果你不包括蓝图上的所有内容，至少应包括其reset.css文件。 它将摆脱字体和间距导航器之间不一致的行为（我不确定边界问题）
编辑：这是所有你需要安装蓝图基本：
<link rel="stylesheet" href="/css/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="/css/blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="/css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
只显示CSS只显示一半的图片，如果没有html，会使得任何事情都成为疯狂的猜测。 在任何情况下，Firefox都会显示你写的东西，而IE则是随着事情的发展而变化的。 永远不要信任IE做正确的事情。 始终，始终使用现代浏览器（除IE外的任何内容）来初步测试您的标记。 但IE中众多的错误和怪癖都是众所周知的，就像修复它的黑客一样。
链接到违规网页的问题值得千次猜测。
您可以使用Meyers重置之类的CSS重置，也可以使用条件注释来将IE与Firefox和其他浏览器分开。 通常Firefox是浏览器，显示的东西大部分都是正确的，所以当我制作网站时，我首先使用FF，然后将IE CSS改为适合。
把它放到你的HTML页面的<head>中：
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="path-to-file/ie.css">
<![endif]-->
并在该样式表中设置适用于IE的一些不同的CSS。
重要提示： border-left-style: dashed; 适用于Firefox，请检查您的级联是否存在冲突的边界左侧属性，将其放在border-collapse:collapse后面border-collapse:collapse在CSS中border-collapse:collapse ，还要添加; 到该规则的结尾。 你不需要它在CSS选择器中的最后一条规则，但是当你切换它时，确保你添加它。
希望有所帮助。
链接地址: http://www.djcxy.com/p/66383.html上一篇: Making CSS Render in a simialr way on FireFox 3.0.15/IE 6.0 & 7.0