首页 文章

页脚重叠

提问于
浏览
1

我正在使用jQuery菜单幻灯片,并与我的页脚有一些问题 .

当我放大时,我的页脚会覆盖我的所有其他内容 . 结果,如果你以较小的分辨率看到网站,你将无法获得所有内容 .

我尝试删除绝对位置,但页脚会移到屏幕顶部 .

无论内容有多高,我都需要我的页脚始终在我的内容之下 .

这个脚本有可能吗?

网站:http://kennethkjaer.gofreeserve.com/

#footer { /* Footer container (whole browser width) */

background-image:url(../images/footer_bg.jpg);
bottom: 0;
position:absolute;
width: 100%;
height:85px;
padding-top:10px;
padding-bottom: 5px;

} #footer_box {/ 带有som填充的居中页脚容器,以正确对齐内容 / width:820px;高度:30PX;保证金:0px auto;位置:相对;填充:0px 10px 0px 10px; } #footercontent {width:360px;身高:30px;向左飘浮;填充:0px; } #footerimg {width:100px;身高:30px;保证金:0px;向左飘浮; }

#footerimg p
{
    float: right;
    margin: 38px 0px 0px 0px; !important;
}

2 回答

  • 1

    从你的问题我假设你不想要一个粘性页脚 .

    在这种情况下,导致问题的是 position:absolutebottom:0 . 你告诉页脚始终坚持在底部( browser window 的底部,而不是文档的底部),即使其他内容到达那里 . 因此,当您的网页上的其他内容到达浏览器窗口的底部时,页脚将覆盖它 . 如果你删除这个CSS,这将解决 . 如果HTML的页脚部分位于页面HTML的末尾,它自然会位于底部( document ),但您可能需要向下滚动才能看到它,因为它不会粘在底部 browser window 了 . 请查看this website以供参考 . 我假设这是你想要的那种页脚 .

  • 2

    首先,我想说你的加价不好 . 根据您的要求,您可以使用粘性页脚方法

    检查链接http://ryanfait.com/sticky-footer/

相关问题