我在Internet Explorer中遇到了div的问题。我有一个三列布局,它在所有浏览器(chrome,firefox,safari)中正确显示,Internet Explorer除外。在IE中,中间div显示在页面底部而不是侧边栏之间。
我一直在努力弄清楚问题是什么。我确定这与我的CSS有关,但我不确定。
任何帮助将不胜感激!
我的网站是:http://www.onedirectionconnection.com
这是CSS:
div#container {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 1125px;
text-align: left;
}
div#header {
clear: both;
height: 500px;
margin-top: 0px;
padding: 0px;
border: 0px
}
div#navi {
text-align: center;
background: #FFFFFF;
clear: both;
height: 60px
margin-left: 13px;
margin-right: 13px;
margin-bottom: 10px;
padding-left: 39px;
border-bottom: 3px solid #FF0000;
border-top: 3px solid #FF0000;
}
div#left {
float: left;
width: 320px;
}
div#right {
float: right;
width: 320px;
}
div#middle {
padding: 0px 325px 5px 325px;
margin: 0px;
}
我刚刚包含了我认为与问题相关的部分,但是如果有必要,任何人都可以随意在我的网站上提供代码!
答案 0 :(得分:1)
增加容器宽度或减少一些余量。
#middle
{
padding: 0px 0px 5px 0px;
margin: 0px;
overflow: hidden;
width: 485px;
float: left;
}
答案 1 :(得分:1)
您需要处理DIV的定位。左边的div是好的。在左div之后添加中间div然后右div。
将float: left; width: 400px; margin: 0;
添加到中间。并调整中间DIV子元素的宽度。