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

Question

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

chrome 中的这个 URL 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那个），然后是低于那个 ( #footer) 的另一个 div。

我的猜测是你想把#footer里面的#container，下面#main。

Answer 3

我也看到在 chome

我觉得更好

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