由于IE和Firefox中的CSS，页面上的滚动条

Question

我一直想在我的网站上解决CSS问题一段时间，但我无处可去。

Chrome中的这个网址http://www.housekeys.co.uk/register.asp很好，但在IE和Firefox中，我得到水平和垂直滚动条，但无法找出原因。

任何人都可以指出我正确的方向！

由于

罗宾

Answer 1

这是因为overflow: auto;

上有#main

#main {
overflow: auto; /* remove this */
background: #FFFFFF none repeat scroll 0%;
height: 100%;
}

删除overflow: auto;

同时从height: 100%;移除#container，但请保留min-height: 100%;

#container {
width: 770px;
margin: 0;
padding: 0;
text-align: left;
margin-left: auto;
margin-right: auto;
height: 100%; /* remove this */
min-height: 100%;
}

Answer 2

你有一个100％高的div（一个有#container），然后是另一个div（#footer）。

我猜你想把#footer放在#container下面#main。

Answer 3

我也在chrome中看到了

我认为它更好

#main {
overflow-y: auto; // show if scrollbar required
overflow-x: hidden; //never show X scrollbar
background: #FFFFFF none repeat scroll 0%;
height: 100%;
}