Css IE6-h3上方出现过多间距,如何消除?
例如: 如果您查看该URL,您将看到一个标签为“向我们发送您的简历”的Css IE6-h3上方出现过多间距,如何消除?,css,xhtml,Css,Xhtml,例如: 如果您查看该URL,您将看到一个标签为“向我们发送您的简历”的。问题是——在IE6中,它的顶部有太多的空间。它应该是16px的边缘顶部,但在IE6中,它看起来更像24-30px 我有一个reset.css文件,它将所有边距和填充归零,所以不是这样 刚刚检查过,CSS和XHTML都是有效的 我注意到这个间距错误只有在我把放在前面时才会出现。目前,我有,它出现在前面。该部分负责容器的圆角。当我删除该时,间距最终在IE6和Firefox中匹配 当然,对于圆角,我需要使用。所以我想知道,到底是什
。问题是——在IE6中,它的顶部有太多的空间。它应该是16px的边缘顶部,但在IE6中,它看起来更像24-30px
我有一个reset.css文件,它将所有边距和填充归零,所以不是这样
刚刚检查过,CSS和XHTML都是有效的
我注意到这个间距错误只有在我把
放在
前面时才会出现。目前,我有
,它出现在
前面。该部分负责容器的圆角。当我删除该
时,间距最终在IE6和Firefox中匹配
当然,对于圆角,我需要使用
。所以我想知道,到底是什么导致了这个问题,有没有办法解决它
谢谢
编辑:找到解决方案。我不得不将溢出:隐藏添加到带有圆角的
的css中。这里没有问题:
#send-resume .top, #send-resume .bottom {
background: url('../_images/bg-form-top.gif') no-repeat;
width: 351px;
height: 3px;
overflow: hidden;
}
大多数旧浏览器将字体高度合并到“自动”高度中。字体高度默认为12px,因此分区的高度将自动至少为12px高,或页面的默认字体高度。尝试设置字体大小:1px在类中编写>并查看它是否解决了您的身高问题。IE6将浮动元素的边距加倍。
您可以通过使用IE6特定的CSS来修复此问题
<!--[if IE 6]><link href="ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
并使边距正好为原始CSS值的一半(8px)。您应该使用开发人员工具栏来调查额外边距的来源。猜测是可以的,但通常不会导致问题的解决。我刚刚在IE6上预览了这个页面-一切看起来都很好。你用的是什么IE6?是否清楚IE6,或多实例等?简单的解决方法:不要使用IE6.Conditional CSS,继续前进。如果你可以加入一点有条件的CSS并使用它,那么就不值得尝试让每个浏览器(包括6个)都使用相同的CSS。这个问题中的链接现在被破坏了,这破坏了你问题的整个上下文。我现在关闭这个,因为太本地化了。如果您能够修复它,请标记您的问题以引起我们的注意,我们将再次打开它。谢谢您的答复。我从不使用
。我刚刚找到了解决办法。在
之前出现的
中添加overflow:hidden
。@animuson查看网页回答了您的所有问题…@Jer:以前没有该网站,但是现在我可以更容易地了解CSS了。@codemonkey613:这是一个奇怪的解决方案,理论上是可行的。我很确定它只对左/右页边距起作用-如果元素向左浮动,则向左,如果元素向右浮动,则向右。