根据内容调整页脚

Question

我正在使用this 网站。

目标：
我想根据每一页的内容移动我的页脚。

1）如果有更多内容，那么我想将页脚放在内容之后。
2)我想把页脚固定在窗口屏幕的底部，如果下图中没有这样的内容

alt text http://www.freeimagehosting.net/uploads/e893eac88b.png

我现有的 CSS ：

我目前在#content 中使用 min-height 属性将页脚保持在底部。

#footer_outer{
    width:100%;
    background:#444;
    padding:10px 0 0 0;
    margin-top:50px;
    height: 130px;
}

#footer {
    margin:0 auto;
    width:834px;
    height:auto;
    overflow:hidden;
}

#content {
    padding:5px;
    margin:0 auto;
    width:890px;
    height:auto;
    min-height:450px;
}

body {
    font-family:'Helvetica Neue', helvetica, arial, sans-serif;
    color:#757575;
    font-size:14px;
    padding:0;
    margin:0;
    background:#FAFAFA;
}

请帮助我实现我的目标。提前非常感谢。

问候， 价值

Answer 1

1。使用固定位置的 div

http://www.dailycoding.com/Posts/creating_always_visible_div_using_css.aspx

将 CSS 更改为

#footer {
    margin:0 auto;
    width:834px;
    height:auto;
    overflow:hidden;
    position: fixed;
    bottom: 0px;
}

2。如何将页脚保留在页面底部

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page