IE 7 CSS Display問題

在以下網站中存在一個缺陷，即搜索文本框未與按鈕正確對齊，所有其他瀏覽器都可以正常顯示。無法弄清楚是什麼原因造成的，任何人都可以幫忙嗎？IE 7 CSS Display問題

http://www.martrainhaulage.com/

2011-11-22 Burt

看起來對我來說（歌劇）請給予更多的信息「不對齊」 –

或屏幕截圖。 –

這是一個IE7特定的問題，在這裏輸入url http://ipinfo.info/netrenderer/index.php（ie7） – Burt

1/
也許添加一個上浮動header div.search寬度？

header div.search { 
    width: 211px; /* approx */ 
}

2/
抑或是本次測試的代碼做什麼？（不生產！）

<!--[if IE 7]><style type="text/css"> 
    * { zoom: 1; /* and even less production-ready: position: relative; */ } 
</style><![endif]-->

它會給每一個元素的hasLayout的。如果它現在解決了你的問題，那麼你必須追查哪些元素真的需要hasLayout來正確顯示。可以是表單，它的父項或其子項中的一個......然後只給hasLayout這個元素。

3/
您還可以使用顯示：上表中的每三個孩子inline-block的（沒有在它們之間HTML代碼空格），並告訴IE6/7

each_element_with_display_inlineblock { 
    display: inline; 
    zoom: 1; /* or nothing if it already has a width, height or any property giving it hasLayout */ 
}

來源

2011-11-22 22:31:08 FelipeAls

嗯。 ..我很難說出這是如何解決的，但這是我嘗試過的。

首先，這些類似的錯誤似乎往往不是由於沒有足夠的寬度應用到元素。將#container寬度更改爲950px會將其部分修復（對於IE 9以IE 7運行）。然後將header div.search .txtSearch和header div.search label上的float:left更改爲float:right。最後更改標記以正確對齊表單元素應該解決奇怪的問題。

來源

2011-11-22 22:38:53

IE 7 CSS Display問題

回答

相關問題