页脚锁定位置

时间:2014-06-08 12:22:50

标签: html css

如果页面内容很少,我已修改了应用程序页脚以保留在页面底部。 所以事后不会留下自由空间。它的效果非常好。

但是现在我发现在内容远远超过当前窗口的页面中,页脚停留在同一个地方,但内容在页脚背景中扩展。 它看起来像

this

我的页脚CSS。

#footerCntr { 
    position:absolute;
    bottom:0;
    width:100%; 
    overflow: hidden; 
    background:#e7e7e7; 
    border-top:3px solid #b7b7b7; 
    margin:11px 0px 0px 0px;  
}

.footerBox{
    width:780px; 
    margin: 0px auto; 
    padding:11px 0px 14px 0px;
}

.footerBoxLeft{
    float:left; 
    width:176px; 
    padding:8px 0px 9px 26px; 
    background:url(bordery.gif) right top repeat-y;
}

.footerBoxLeft img{
    float:left; 
    margin:0px 0px 0px 2px;
}

.footerBoxRight{
    float:right; 
    width:575px; 
    padding:0px 0px 10px 0px;
}

.footerlink ul{ 
    padding:7px 0px 5px 0px;
}

.footerlink ul li{
    list-style:none; 
    padding:0px 10px 0px 10px; 
    display:inline; 
    background:url(devider.gif) 0px 3px no-repeat;
}

.footerlink ul li a{
    font:10px Tahoma , Arial, Helvetica, sans-serif; 
    color:#535353; 
    text-decoration:none; 
    padding:0px 0px 0px 0px;
}

.footerlink ul li a:hover{
    text-decoration:underline;
}

.copyright{
    color:#535353; padding:0px 0px 0px 10px;
}

.copyright a{
    font:10px Tahoma , Arial, Helvetica, sans-serif; 
    color:#535353; 
    text-decoration:none; 
    padding:5px 0px 0px 0px;
}

.copyright a:hover{
    text-decoration:underline;
}

链接到我的应用问题。 内容CSS格式可能有问题吗?

here

0 个答案:

没有答案