2008-10-30 64 views
9

一个DIV水平滚动条,将含有表具有以下CSS样式:因特网浏览器创建用于垂直滚动条的宽度

#formulaAlts { 
    float: right; 
    height: 200px; 
    overflow: auto; 
} 

这使得它,以便当该表是> 200像素,一个滚动条只出现在表和页面上的其他元素保持放置。大!

现在为我们的朋友IE ...
在IE中,元素生成垂直滚动条而不增长包含元素。为了“解决”这个问题,创建了一个水平滚动条。
这很糟糕。我不希望它吸...

任何想法?

- 编辑 -
我发现行

overflow-x: hidden; 

军队IE忽略的水平滚动条。这是更好..但不是那里,因为现在我的桌子的一部分是不可见的。

+0

你不能在包含div上设置宽度吗? – Prestaul 2008-10-30 14:42:17

+0

是的,我可以。但我还不知道宽度。这取决于值的宽度。 – 2008-11-03 09:13:12

回答

2

小心。

overflow-x 

不是那里最广泛支持的属性。

我倾向于去同一个容器div一些右填充:

CSS:

div.scroll { 
    overflow:auto; 
    padding-right:6px; 
    /* I've found 6px to be just right my purposes, but try others*/ 
} 

编辑:你需要的地方增加一个高度属性这个工作!我通常在div.scroll声明中有一个默认设置,然后针对特定情况(大多数)调整它。 HTML:

<div class="scroll" > 
    <table> 
    <!-- your table stuff in here --> 
    </table> 
</div>