Internet Explorer负边距未按预期工作

时间:2012-11-08 15:52:42

标签: css internet-explorer margins overlapping margin

为我的教会创建网站的人说,没有办法解决这个问题,我们不应该担心它。但我认为他错了,我正试图自己解决这个问题。我的编码背景是C ++和Cobol,但不是真的在CSS中。我正在学习,所以这里的任何帮助都会很棒。

该网站使用Joomla,并在此处:http://www.anointedesign.com/mtvernon/site2/

在Firefox和Chrome中看起来不错,但在Internet Explorer中,顶部标题框和幻灯片放映之间的顶部存在巨大差距。我认为这是处理负边际值的IE问题,但我可能会离开这里需要帮助。

整个顶部导航,徽标和印章应该非常接近幻灯片放映,左侧印章应与幻灯片放映重叠约15px。

1 个答案:

答案 0 :(得分:1)

这个css代码将解决它:

#horiz-menu {
float: left;
width: 100%;
margin-bottom: -110px;
}

#header-bg > div.wrapper {
clear: both;
}

#showcase-section {
margin-top: 0;
}

问题是由horiz-menu div中的浮动和清除引起的。 IE不喜欢那种CSS代码的div。 :)