Sticky Footer Content Div

时间:2011-04-04 14:49:57

标签: html css xhtml

我设法使用以下方法让我的页脚粘在页面底部: -

http://www.pmob.co.uk/temp/sticky-footer-ie8new.htm

但我的#content div在左右两边都有一个边框,我基本上也希望它扩展到与#wrapper相同的高度。

非常感谢所有帮助。

使用 - http://www.pmob.co.uk/temp/sticky-footer-wide-header-footer2.htm

解决了问题

1 个答案:

答案 0 :(得分:0)

我建议将边框放在“包装”div上,该div基于此处的方法CSS layout: 100% height with header and footer

编辑:

将内容从内容移动到包装器 对于包装

#wrapper {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    margin: 174px auto 0;
    min-height: 100%;
    width: 870px;
}

表示标题

#header {
    border-top: 0 solid #FFFFFF;
    height: 174px;
    position: relative;
    top: -174px;
    width: 100%;
}