一段时间以来,我一直在努力解决我网站上的 CSS 问题,但无处可去。
chrome 中的这个 URL http://www.housekeys.co.uk/register.asp很好,但在 IE 和 Firefox 中,我得到水平和垂直滚动条,但不知道为什么。
谁能指出我正确的方向!
谢谢
罗宾
一段时间以来,我一直在努力解决我网站上的 CSS 问题,但无处可去。
chrome 中的这个 URL http://www.housekeys.co.uk/register.asp很好,但在 IE 和 Firefox 中,我得到水平和垂直滚动条,但不知道为什么。
谁能指出我正确的方向!
谢谢
罗宾
这是因为你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%;
}
您有一个 100% 高的 div(带有 的#container
那个),然后是低于那个 ( #footer
) 的另一个 div。
我的猜测是你想把#footer
里面的#container
,下面#main
。
我也看到在 chome
我觉得更好
#main {
overflow-y: auto; // show if scrollbar required
overflow-x: hidden; //never show X scrollbar
background: #FFFFFF none repeat scroll 0%;
height: 100%;
}