Q

花车被推下来IE8但不是IE7或Firefox

css

2010-04-21 31 views 1 likes

1

有问题的网页是在这里：http://supportdogs.digitalportals.net/PhotoGallery/16-Events 花车被推下来IE8但不是IE7或Firefox

可以在IE8看到的内容被侧边栏下向下推。如果您在IE8兼容模式下查看它，它不会发生，也不会发生在Firefox中。如果您在IE8中浏览到其他页面，则问题不会持续。

基本布局是

<div class="contentContainer"> 
    <div class="left"></div> 
    <div class="right"></div> 
</div>

的CSS对于那些三类是这里

#contentContainer { 
background: transparent url('../images/bodyBG.png') repeat-y center top; 
clear: both; 
padding: 0px 30px 0px 30px; 
margin-top: 83px; 
width: 935px; 
} 

#contentContainer .left { 
float: left; 
margin-top: 60px; 
padding-left: 5px; 
width: 195px; 
} 

#contentContainer .right { 
float: right; 
margin: -55px 0px 20px 0px; 
min-height: 620px; 
width: 700px; 
}

任何人有任何想法可能是什么造成的？

2010-04-21 BReno

A

回答

1

你有宝（PayPal）的形式嵌套在另一个（aspnetForm）窗体中;这是无效的HTML。 IE8正在解析页面，好像内部的< /表格>标签关闭了外部窗体，导致布局中断。

在IE8中，您可以打开开发人员工具（工具>开发工具），打开IE浏览器如何解析页面的类似Firebug的视图。

2010-04-22 04:33:46

+0

谢谢。我不知道有用于IE8的开发工具。这是问题。由于照片库页面和日历页面是由.NET动态生成的，因此我们必须查看这些页面的AJAX，以便我们可以删除.NET窗体标记。 – BReno 2010-04-22 13:48:15

0

我相信它与利润率有关。尝试使用填充代替。

2010-04-21 21:57:38 Germ

0

我猜这个问题很明显：你们都在#contentContainer上。每当你“清楚：两者都有”时，它应该落在同一行上的所有浮动内容之后。我认为它的行为有点错误的原因是因为你的浮动DIV是#contentContainer的子项（不在同一行）。

如果您担心的#contentContainer不扩大，你应该清楚你的浮动元素之后放置另一个元素的高度：两个，或者你可以看看这篇文章：http://www.webtoolkit.info/css-clearfix.html

2010-04-22 02:21:20

0

尽管这不是一个解决方案，但您可以在头部添加这样的代码，使IE8像IE7一样行事。

< META HTTP-当量= “X-UA-兼容” 内容= “IE = EmulateIE7”/>

2010-04-22 04:50:54 adamwstl

相关问题