Firefox + CHrome中的额外填充/边距在IE中没有

时间:2010-05-26 14:38:54

标签: css firefox internet-explorer padding margin

catmenuconatiner(第二个导航栏)下面有20px的边距/填充。这只在firefox和chrome中显示,而不是在IE 6 +中

以下是页面:www.fish-and-web.blogspot.com

与同一问题相关的另一个问题是评论之间。评论框之间有15px的差距。同样,这仅在Firefox和Chrome中显示,而不是在IE6 +中显示

以下是评论页面:http://fish-and-web.blogspot.com/2010/05/alfa-romeo-9c_24.html

如果有人出现并引导我朝着正确的方向前进,那就太好了。我已经工作了好几个小时,我无法让它工作。只是因为您知道该页面是在博客上托管的。

谢谢。

3 个答案:

答案 0 :(得分:4)

您可能需要考虑IE6条件样式表,这可以通过创建新的css表(ie6.css)并粘贴创建条件来完成,如下所示:

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

在IE6.css中为catmenu容器添加以下样式:

ul.topnav {
    padding-left: 0px;
}

您还可以将上一个答案(Maj.Fail)中的解决方案添加到IE6.css中。

应该这样做。希望有所帮助。

答案 1 :(得分:0)

您的第二个问题的答案是,您似乎没有清除每条评论。就在注释div的结束部分放入

之前
<div style="clear:both"></div>

我不确定的第一个问题,因为我看不出问题是什么= /它似乎对我来说很好?

答案 2 :(得分:0)

为了删除任何边距/填充跨浏览器问题,请在每个css文件的开头执行此操作。

body, h1, ul, li 
{
    margin: 0; 
    padding: 0; 
    border: 0;
}

这样你总是将它们重置为0,并且任何进一步的边距/填充应该在每个浏览器中以相同的方式运行