IE 中的 CSS 布局问题，在 Mozilla 中几乎可以正常工作

Question

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

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

我需要在 CSS 中做些什么才能使其完美运行。

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

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

Answer 1

我会为每个版本的 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 属性。

如果您使用了 float ，那么在 IE6 中 float 方向的边距将加倍。看这个link有关这方面的更多信息

这是一套很好的浏览器测试工具here