在IE 7及以下版本中隐藏水平滚动条 [英] Hide horizontal scrollbar in IE 7 and below

问题描述

基本上，我无法在Internet Explorer 7和以下版本中删除水平滚动条。我试过下面的代码，它似乎工作正常在每个浏览器，除了IE。

Basically, I'm having trouble removing the horizontal scrollbar in Internet Explorer 7 and Below. I've tried the code below and It seems to work fine in every browser except IE.

overflow-x: hidden;

更大的问题是，即使滚动条甚至没有被删除，螺旋布局..它以某种方式隐藏了大部分的页面内容在框2和3？它还..添加了第二个垂直滚动条，相对/绝对定位项目移动？
我确实考虑了通过指定的样式表离开IE中的滚动条，但是，即使这似乎是搞乱了页面。

The even bigger problem is that, even though the scrollbar isn't even removed, it seems to completely screw the layout.. It somehow hides the majority of the page content in boxes 2 and 3? It also.. adds a second vertical scrollbar which moves relatively/absolute positioned items down?! I did contemplate just leaving the scrollbar in IE via a specified stylesheet, but even that seems to be messing with the page?

网站是一个测试目录这里 ..
我将在下面的评论中发布样式表

The website is on a test directory here.. I'll post the stylesheet in a comment below.

有任何建议吗？

提前感谢，希望您能帮忙！
Bradley

Thanks in advance, hope you can help! Bradley

推荐答案

您尝试在容器上设置静态宽度，给它足够的高度，然后设置溢出：为整个容器隐藏？不确定这是否会与你的JS滚动很好，但它可能是一个正确的方向。

Have you tried setting a static width on a container, giving it sufficient height, and then setting overflow:hidden for the entire container? Not sure if that would play well with your JS scrolling, but it might be a move in the right direction.

哦，任何解决方案可能不足以支持IE6 。那只野兽不是为漂亮的布局。我想作为一种替代，为那个和/或IE7定义一个较不复杂的布局的条件样式表。

Oh, and any solution given will probably be insufficient for IE6. That beast just wasn't made for pretty layouts. I guess as an alternative, define a conditional stylesheet for that and/or IE7 for a less complex layout.

这篇关于在IE 7及以下版本中隐藏水平滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！