我在发帖前通读了与此类似的几个问题,但没有找到适合我的解决方案。
我的网站中有一个页面不适合我为其他页面使用的模板,因为为该页面生成的信息表太宽了。把我用过的桌子摆好
overflow-x:visible
. 结果正是我在每个浏览器中想要的,除了IE。下面是我的DIV标记的设置方式:
<body>
<div id="header"></div>
<div id="container">
<div id="left_nav"></div>
<div id="content" style="overflow-x:visible"></div>
</div>
</body>
…重要的CSS如下所示:
#content {
background-color: #CCCCCC;
bottom:0px;
font-family: Arial,Helvetica,sans-serif;
font-size:medium;
font-weight:normal;
left:270px;
min-width:505px;/* should be 490px*/
overflow:auto;
overflow-x:hidden;
padding-bottom:20px;
padding-left:20px;
padding-right:5px;
padding-top:10px;
position:absolute;
right:0px;
top:125px;
}
#header {
background-color: #5DB259;
font-family: Arial,Helvetica,sans-serif;
font-size: xx-large;
font-weight: normal;
height: 125px;
left: 0px;
min-width:800px;
position: absolute;
text-align: center;
width: 100%;
top: 0px;
}
#leftnav {
background-color: #999999;
bottom: 0px;
font-family: Arial,Helvetica,sans-serif;
font-size: large;
font-weight: bold;
left: 0px;
overflow: auto;
padding: 20px;
position: absolute;
top: 125px;
width: 230px;
}
问题是,当浏览器窗口宽度减小时,IE没有给我两个X轴滚动条。结果是,我的头分区宽度保持在指定的最小宽度800px,而我的内容溢出仍然可见,从而在我的页面右上角形成一个大的空白矩形。
我这里缺什么?
