在垂直居中的页面上,页脚高度为100%

时间:2010-08-12 17:27:27

标签: jquery css

http://www.stuartflake.com是我正在处理的网站。页脚元素包含菜单,背景为灰色。页面内容由div#position

垂直居中

这个的css是

#position { text-align:center; position:absolute; top:50%; left:0; width:100%; height:1px; display:block; }

我的问题是,我希望灰色页脚具有动态高度,以便灰色始终延伸到底部(不,不是“粘性”页脚)。有什么想法可以做到这一点吗?

首选css解决方案,但jQuery解决方案也有效。

感谢

2 个答案:

答案 0 :(得分:0)

这不是一个完美的解决方案,但你可以通过操纵身体来“伪造”它:

background:#E7E8E4;
border-top:300px solid #F6F6F6;

然后将其添加到#wrapper:

background:#F6F6F6;

如果用户的屏幕非常高(从顶部到内容的余量超过300px),则会失败。

答案 1 :(得分:0)

我不确定这是否是您的要求,但您可以将#wrapper top:-325px更改为top:-200px