IE6和IE7中的CSS无法正常呈现

时间:2010-09-30 04:40:34

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

我的问题是我维护的网站在firefox,chrome和IE8上显示正常,但在使用IE7和IE6查看时却很乱。我用尽了可能的解决方案,我可以提出它主要是试验和错误。 我想为IE6和IE7加载一个单独的样式表,但我必须先解决这个问题。

以下是页面:

Search for a keyword

5 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

问题可能是由于边距和填充。与firefox和chrome相比,IE渲染边距和填充的方式不同。正如你所说,解决方案之一可能是为ie。

创建另一个css文件

答案 2 :(得分:1)

你刚刚发现了很多人讨厌MSIE的原因之一以及为什么MSIE6 must die

您可以使用conditional comments检测MSIE版本并包含其他样式表。或者您可以要求您的用户安装Google Chrome Frame! (他们仍然使用他们的石头浏览器,但获得最新的功能!)

答案 3 :(得分:1)

请参阅What are the typical reasons Javascript developed on Firefox fails on IE,了解在IE浏览器中使用的Javascript / CSS失败的常见原因。其他浏览器(反之亦然)。

一些优秀的提示,以便您可以获得统一的外观和在所有浏览器中使用。

答案 4 :(得分:1)

看起来你的h2可能会导致问题。如果我没记错的话,IE不支持您在css中使用h2代码的子选择器。请在此处使用其他选择器:( CSS文件的第334行:http://stagingbims.desaldata.com/index.php/search/css/desaldata

.searchDiv > h2

也许只是用这个:

.searchDiv h2