IE6 和 IE7 中的 CSS 无法正确呈现答案

【问题标题】：CSS in IE6 and IE7 not rendering properlyIE6 和 IE7 中的 CSS 无法正确呈现
【发布时间】：2010-09-30 04:40:33
【问题描述】：

我的问题是我维护的网站在 firefox、chrome 和 IE8 上显示正常，但在 IE7 和 IE6 上查看时却一团糟。我用尽了我能想出的可能的修复方法，而且主要是反复试验。我正在考虑为 IE6 和 IE7 加载单独的样式表，但我必须先解决这个问题。

这是页面：

Search for a keyword

【问题讨论】：

标签： css internet-explorer-7 internet-explorer-6

【解决方案1】：

Child selector doesn't work in IE6。对于.searchDiv > h2。将选择器更改为.searchDiv h2。
Negative margins get cut off，申请职位：相对于.searchDiv .rightColumn
您将width:100%; 分配给继承padding:20px; 的表单。删除该表单上的填充。

【讨论】：

【解决方案2】：

问题可能是由于边距和填充。与 Firefox 和 chrome 相比，IE 以不同的方式呈现边距和填充。正如您所说，其中一种解决方案可能是为 ie 创建另一个 css 文件。

【讨论】：

那么解决方法是什么？跟花车有关系吗？

【解决方案3】：

您刚刚找到了这么多人讨厌 MSIE 的原因之一，以及为什么 MSIE6 must die！

您可以使用conditional comments 来检测 MSIE 版本并包含另一个样式表。或者您可以要求您的用户安装Google Chrome Frame！（他们仍然使用石器时代的浏览器，但获得了最新功能！）

【讨论】：

是的，我们都知道微软的废话，但我们不能忍受它，我们也不能没有它......也许不是我们租用的用户。

【解决方案4】：

请参阅What are the typical reasons Javascript developed on Firefox fails on IE，了解在 Firefox 和其他浏览器中运行的 IE 中的 Javascript/CSS 失败的常见原因（反之亦然）。

一些很好的提示，让您可以在所有浏览器中获得统一的外观和用法。

【讨论】：

【解决方案5】：

看起来您的 h2 可能会导致问题。如果我没记错的话，IE 不支持您在 css 中与 h2 代码一起使用的子选择器。考虑在这里使用不同的选择器：（CSS 文件的第 334 行：http://stagingbims.desaldata.com/index.php/search/css/desaldata）

.searchDiv > h2

也许就用这个吧：

.searchDiv h2

【讨论】：