2010-03-20 90 views
1

好吧,我正在模擬操作系統類型的接口。它應該打開窗戶並有一個拖動手柄。這一切都完美。然後,我添加了一個退出按鈕的圖像,我漂浮在右邊...這使IE瘋狂和IE與大小和定位擰= [浮點問題在IE

我試過了一堆垃圾負載的東西。這些都不起作用。任何人都可以幫忙嗎?

網站

http://opentech.durhamcollege.ca/~intn2201/brittains/labs/

感謝 謝爾比

+0

什麼版本的IE你在嘗試它?對我來說,IE 8看起來很好,就像Firefox一樣。在IE 7和6中,關閉按鈕位於標題欄下方 - 您看到了什麼? – 2010-03-20 06:00:35

+0

即時通訊不知道哪個版本即時通訊= [其7或6雖然。雅以下標題欄是問題 – MrEnder 2010-03-20 06:03:28

回答

1

這是一個與IE 6的問題& 7:
http://blogs.msdn.com/askie/archive/2009/03/23/right-floated-element-in-internet-explorer-8-is-positioned-differently-than-internet-explorer-7.aspx

唯一的解決辦法我能想出是這樣的:

<!--[if lte IE 7]> 
    <style type = "text/css"> 
     #windowExitImage{margin-top:-27px} 
    </style> 
<![endif]--> 

因爲它在技術上是一個評論,只有IE 7在後面會關注這一點。所以IE 8和其他瀏覽器會按照他們已經做的方式顯示它,事實上它看起來是正確的。
http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

1

另一種解決方案是根本不使用浮動。

#dragHandle { 
    position: relative; 
} 

#windowExitImage { 
    position: absolute; 
    top: 4px; 
    right: 0px; 
} 

這將更好地跨瀏覽器並取消對IE6/7特定CSS規則的需求。

+0

雅,但不會正確大小的所有決議= [ – MrEnder 2010-03-20 07:58:19