CSS問題 - 適用於Firefox，不適用於IE

-1

我的網站佈局有問題;我搜遍了所有，但無法找到答案。我已經擺弄了我所能做的事情，而不用搞亂FF和IE的佈局。基本上，我想要2張桌子，每張桌子都有獨立的div（或者只是相互分開），然後讓它們的高度大約30 - 40％，並在需要的時候都有滾動條。CSS問題 - 適用於Firefox，不適用於IE

代碼爲我的CSS文件：

2桌，#Manifestaties & #detail_info，放置在每一個單獨的DIV，一個專區內，#resultlist：

#resultlist { 
height: 80%; 
left: 8%; 
position: absolute; 
top: 20%; 
width: 35%; 
} 

#Manifestaties { 
display: block; 
height: 30%; 
overflow-y: auto; 
position: absolute; 
top: 0; 
width: 100%; 
} 

#detail_info { 
display: block; 
height: 30%; 
overflow-y: auto; 
position: absolute; 
top: 35%; 
width: 100%; 
}

鏈接到網站： http://onderzoek.knokke-heist.be/extern/ww/manifest.html

感謝您的幫助！

EDIT 固定它自己，IE解釋高度&寬度爲最小高度，最小寬度。因此將代碼更改爲： ... 最小高度：35％; 身高：自動;

和在我的HTML中使用IE 9或更高版本時選擇不同的CSS文件的條件CSS。

來源

2013-07-26 Jellyfish

哪個版本的瀏覽器給你提供了問題？ – Elias

我使用IE-9，還沒有嘗試過10（這裏不能安裝在筆記本電腦上）。 – Jellyfish

你的修復似乎在IE10中工作:)。 – JabberwockyDecompiler

問題： IE將高度爲&的寬度解釋爲最小高度，最小寬度。

回答：更改後的代碼爲：max-height：35％;身高：自動;
距離身高：35％;

來源

2013-07-29 12:27:50 Jellyfish

CSS問題 - 適用於Firefox，不適用於IE

回答

相關問題