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

回答

相关问题