粘性页脚（另一个版本:)）

Question

问题是：

我想要一种方法来实现这个目标：

（整个图像是我的窗口）

请帮助我！ 花了两天时间，我一无所获！ ：|

javascript，css，使用表格，.... 给我一些有用的东西！ ：|

更新：

当我的页面高度低于窗口的高度时，它会发生（第四个DIV显示出来）

CODES：

我能做的最接近的事是（javascript）：

while($("#page").height() < wh){
    $("#beautifulizer").css('height', (parseInt($("#beautifulizer").css('height').replace('px', '')) + 500) + 'px');
}

和html：

它很简单：|只有4个div！

<div id="header"></div>
<div id="content"></div>
<div id="beautifulizer"></div>
<div id="footer"></div>

CSS：

#header : width:100% and height:300px
#content : width:800px
#beautifulizer : width:800px
#footer : width:100% and height:200px;

Answer 1

您只能使用css执行此操作。您需要创建一个父包装div并将其显示为正文的100％高度。然后你可以添加一个粘贴在这个div底部的页脚。

Answer 2

我找到了答案。

我像你给我的网站一样粘贴页脚：LINK 然后用这个：

<div style="position:absolute;z-index: -2; width:100%; height:100%;text-align:center">
    <div style="width:990px;height:100%; margin:0px auto;z-index:-1; background-color:#ffcc33;"></div>
</div>