Css Firefox+中的额外填充/边距;IE中无铬

Css Firefox+中的额外填充/边距;IE中无铬,css,firefox,internet-explorer,padding,margin,Css,Firefox,Internet Explorer,Padding,Margin,CatMenuCoNationer(第二个导航栏)下方有20px的边距/填充。这只显示在firefox和chrome中,而不是IE 6中+ 以下是网页:www.fish-and-web.blogspot.com 与同一问题有关的另一个问题是意见之间的分歧。注释框之间有15像素的间距。同样,这只出现在Firefox和Chrome中,而不是IE6中+ 以下是评论页面: 如果有人来指引我正确的方向那就太好了。我已经为此工作了几个小时,我就是不能让它工作。只是想让你知道这个页面是由blogger托管的

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

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

与同一问题有关的另一个问题是意见之间的分歧。注释框之间有15像素的间距。同样,这只出现在Firefox和Chrome中,而不是IE6中+

以下是评论页面:

如果有人来指引我正确的方向那就太好了。我已经为此工作了几个小时,我就是不能让它工作。只是想让你知道这个页面是由blogger托管的


谢谢。

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

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


第一个问题我不确定,因为我看不出问题是什么=/它似乎显示得很好?

第二个问题的答案是,您似乎没有清除每个注释。就在comment div的结束部分之前

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


第一个问题我不确定,因为我看不出问题是什么=/它似乎显示得很好?

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

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

通过这种方式,您总是将它们重置为0,并且在每个浏览器中,任何进一步的边距/填充都应该以相同的方式进行操作

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

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

< P>这样,您总是将它们重置为0,并且任何其他边距/填充都应该以相同的方式在每个浏览器

中,您可能需要考虑IE6条件式样式表,这可以通过创建一个新的CSS表(IE6. CSS)并粘贴创建如下条件:

<head>
   <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="css/ie6.css" />
   <![endif]-->
</head>
您还可以将上一个答案(Maj.Fail)中的解决方案添加到IE6.css中


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

你可能想考虑一个IE6有条件的样式表,这可以通过创建一个新的CSS表(IE6. CSS)和粘贴创建一个条件如下:

<head>
   <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="css/ie6.css" />
   <![endif]-->
</head>
您还可以将上一个答案(Maj.Fail)中的解决方案添加到IE6.css中


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

谢谢你的回答。不幸的是,博主不允许这样做。当你说它不允许这样做时,你的意思是它不允许外部样式表吗?还是别的?谢谢你的回答。不幸的是,博主不允许这样做。当你说它不允许这样做时,你的意思是它不允许外部样式表吗?还是别的什么?它已经添加了,所以我仍然不确定是什么原因导致firefox和chrome增加了额外的填充。我想我得挖得更深一些。非常感谢。它已经添加了,所以我仍然不确定是什么原因导致firefox和chrome增加了额外的填充。我想我得挖得更深一些。非常感谢。实际上是关闭的标签引起的。谢谢你,至少它让我走上了正确的道路。导航菜单问题仍然存在。实际上是关闭的标签造成的。谢谢你,至少它让我走上了正确的道路。导航菜单问题仍然存在。