Firefox+CHrome 中的额外填充/边距 IE 中无答案

【问题标题】：extra padding/Margin in Firefox+CHrome None in IEFirefox+CHrome 中的额外填充/边距 IE 中无
【发布时间】：2011-02-24 05:31:32
【问题描述】：

catmenuconatiner（第二个导航栏）下方有 20 像素的边距/填充。这仅在 Firefox 和 chrome 中显示，而不在 IE 6+ 中显示

这是页面：www.fish-and-web.blogspot.com

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

如果有人来指导我正确的方向，那就太好了。我已经为此工作了几个小时，但我无法让它工作。只是为了让您知道该页面托管在博客上。

谢谢。

【问题讨论】：

【解决方案1】：

您可能需要考虑一个 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 中。

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

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

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

我不确定的第一个问题是因为我不知道问题是什么 =/ 对我来说似乎显示正常？

【讨论】：