Question

我正在创建一个网站http://tapasya.co.in，我发现该网站在IE 6中存在一些布局问题，但在Mozilla中工作正常。

我希望这个网站看起来和现在看Mozilla一样。

我需要在CSS中做些什么才能让它完美无缺。

在mozilla中，两行之间的空间也很小。我不想要那个空间。每行不应有任何余量

请建议我在CSS中需要做哪些更改。

Answer 1

一个简单的谷歌搜索就可以到达这里：

http://www.quirksmode.org/css/condcom.html

这表明你必须使用这个条件css。 GL！

Answer 2

我会为每个版本的IE使用条件CSS。您可以使用“lt”（小于）和“gt”（大于）来定位每个版本，如下所示

<!--[if lt IE7]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

<!--[if IE7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->

<!--[if gt IE7]>
<link rel="stylesheet" type="text/css" href="ie8.css" />
<![endif]-->

一旦为每个版本的IE分离了CSS文件，您就需要重新指定导致问题的CSS属性。在大多数情况下，这些属性为margin和padding。

如果你使用了浮点数，那么浮动方向的边距将在IE6中加倍。有关此

的更多信息，请参阅此link

这是一组用于浏览器测试的好工具here

Answer 3

IE6将空div扩展为font-size，以防您决定将文本放入其中。

将line-height：0和font-size：0添加到div.content1_dvider_div

#content1_bg div.content1_dvider_div {
   background:url("../Images/content1_div.gi") repeat-y scroll center center #EFEFEF;
   height:5px;
   margin:15px 0 0;
   line-height:0;
   font-size:0;

}

Answer 4

IE不像设计师想要的那样行事。所以你必须使用IE的单独样式表（不是完整的CSS，而是在IE中创建问题的那些），最后将这些代码放在你的头标记中

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie_style.css" />
<![endif]-->

并将IE样式表指向href

IE中的CSS布局问题，在Mozilla中工作得很好

4 个答案: