2010-11-11 39 views
0

我希望将表格设置为固定高度,然后为超出高度的行设置一个滚动条。如果行没有超出表的高度,我仍然希望显示一个滚动条,但显然它不可滚动。HTML CSS IE和Firefox溢出属性冲突

我在IE7上测试,它只显示溢出:滚动,但是当我在Firefox中测试没有滚动是可见的。

有没有人知道任何代码,包括css-only-for-IE代码可以解决这个问题吗?

+1

我不确定,但我认为只有带有“block”显示的元素才能设置其“溢出”属性。 – rhino 2010-11-11 13:58:28

+0

尝试'overflow:auto;' – 2010-11-11 13:59:41

+0

@rhino是正确的。溢出不用于表格元素。 – Rob 2010-11-11 17:41:30

回答

0

你可以包括在div

<table id="table-header"> 
    <th> 
    .. 
    </th> 
</table> 
<div id="table-scrollbar"> 
    <table> 
    .. 
    </table> 
<table> 

然后就是设置添加的CSS的div table数据部分(也可能为表,所以细胞具有相同的宽度)

#table-scrollbar { overflow: scroll; }