Q

花車被推下來IE8但不是IE7或Firefox

css

2010-04-21 66 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

相關問題