Html Can';无法在IE7中正确定位div
我不能为我的生活弄清楚如何在我的布局中的一个元素被正确地放置在IE7中。您可以在此处看到该页面: 在Firefox中可以很好地工作,但是如果你在IE7中查看,你会看到侧边栏在主体内容下面。我已经尝试了我能想到的一切(浮动两个div,改变宽度和边距/填充以适应IE-box模型),但都没有用 以下是相关的CSS:Html Can';无法在IE7中正确定位div,html,css,internet-explorer,Html,Css,Internet Explorer,我不能为我的生活弄清楚如何在我的布局中的一个元素被正确地放置在IE7中。您可以在此处看到该页面: 在Firefox中可以很好地工作,但是如果你在IE7中查看,你会看到侧边栏在主体内容下面。我已经尝试了我能想到的一切(浮动两个div,改变宽度和边距/填充以适应IE-box模型),但都没有用 以下是相关的CSS: .content-left { width:670px; height:auto; margin:0 30px 0 10px; padding:0; float:left; } .c
.content-left {
width:670px;
height:auto;
margin:0 30px 0 10px;
padding:0;
float:left;
}
.content-right {
width:240px;
height:auto;
margin:0;
padding:0;
float:left;
}
我感谢你的帮助 发布CSS代码会很有帮助。尝试使用“position”。您可以做的一件事是将peace main设置为浮动“left”,宽度仅为700px(因此侧边栏有足够的空间) 那么边栏也应该将它的float设置为“right” 但我建议你尝试以下方法之一:
这是一个典型的IE问题,再加上一个稍微不切实际的页面布局 您已将
peace main
div的宽度设置为100%,因此旁边没有空间放置正确的内容。但是,在符合标准的浏览器中,div没有任何高度(因为它只包含浮动元素),因此正确的内容最终位于其下方不是问题。在IE7中,div被扩展以包含其内容,即左content div,因此它得到一个高度,当右内容位于其下方时,它也会位于左内容下方
只需删除
宽度:100%代码>来自和平大道
风格。@Guffa的答案在我看来是正确的。我认为您的页面可能也有验证错误,导致其被错误解析。看一下您的标记,看起来您希望div.content-right
和div.content-left
位于同一个容器div中,但是它们不是,这导致了@Guffa指出的问题
但是,如果它们在同一个容器中,正如我认为您所希望的那样,那么这个问题也会得到解决。尝试并修复此额外的div结束标记,查看其作用:
我在帖子中添加了相关的CSS。尝试了这个位置,但似乎没有解决它。