在IE7中,div的高度没有自动调整

时间:2011-01-10 13:53:25

标签: html css css-tables

我在div中有一个表格。以下样式应用于外部div。

 width:auto;
 background-color:white;
 overflow:auto;
 height: auto;
 scrollbar-face-color:#E0EEEE; 
 scrollbar-arrow-color:#33ccff; 
 scrollbar-track-color:#EEFFFF; 
 scrollbar-shadow-color:#EEFFFF; 
 scrollbar-highlight-color:#EEFFFF; 
 scrollbar-3dlight-color:#EEFFFF; 
 scrollbar-darkshadow-Color:#EEFFFF;

在IE8中,外部div在水平滚动条中看起来非常精细,但在IE7中,两个滚动条都显示出来,外部div不会自动调整高度。我想这看起来和IE8一样。有人可以提出建议吗?

以下是两个版本的IE屏幕截图的链接:

http://img692.imageshack.us/img692/6374/81306247.png

2 个答案:

答案 0 :(得分:0)

由于您只在一个方向设置overflow-x: auto而不是overflow: auto时发生溢出。

答案 1 :(得分:0)

不同的浏览器对默认边距和填充等有不同的想法。尝试在样式表之前添加重置样式表以规范化浏览器,看看是否能解决问题。您可能需要对现有样式表进行微妙调整以包含此内容,但它们应该是次要的,并且会在所有浏览器中同等反映。

http://meyerweb.com/eric/tools/css/reset/