网页的footer怎么安排在屏幕的最下面

小水晶 2009-09-21 12:48:47

想在每个网页的下面都加上footer，但发现如果某个页面内容少比如就一个错误提示，结果footer就紧挨着提示显示在窗口的中间了。
我想要的效果是：如果页面短，未使用滚动条，则footer显示在最下面

如果页面长，用了滚动条，则footer跟在内容后面，其实也是显示在最下面

用的sitemesh控制模板

紧挨着<decorator:body />
后面加上footer，如果页面长，有滚动条出现很好，可页面短时，就出现上面提到的结果footer显示在中间了

如果用
<div height="760px">
<decorator:body />
</div>

发现页面长的时候，footer也是出现在760后面的固定位置，而不是最下面了。

...全文

836 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

小水晶 2009-09-22

打赏
举报

非常感谢大家，但没有找到我想想的方法，首先我认为这东西应该是有个现成例子，因此没考虑JS的事。

然后总结一下大家提的方法
首先说一下3楼的，可以很好的解决内容短，没有出现滚动条时的情况，但内容很长时，由于是absolute绝对定位，因此FOOTER还是会出现在屏幕中间把内容拆开。

再说下4楼的方法，这就是我最初想到的，但觉得这应该是个基本的需求，却要弄个js来设置table的height，看来是没别的方法了。

补充解释下6楼说的，用百分比设置height时，短内容的情况是无法解决的，footer会紧跟着内容出来，百分比失效

我用的firefox 3.5

2楼的我能力有限，没法通过回答试出例子

yekai012 2009-09-21

打赏
举报

[Quote=引用 5 楼 lcrystal623 的回复:]
楼上的，你那760，不是限定用户用1024*768了吗？
我觉得这样不好，我怎么知道用户的分辨率是多少
[/Quote]
优化靠自己吧，分辨率可以通过JS来做。

amyzhangqian 2009-09-21

打赏
举报

别设死了设个百分比吧

小水晶 2009-09-21

打赏
举报

楼上的，你那760，不是限定用户用1024*768了吗？
我觉得这样不好，我怎么知道用户的分辨率是多少

yekai012 2009-09-21

打赏
举报

用table吧，如下图所示

|----------------------------------|
| |
| td height = 760 |
| 内容 |
| |
|----------------------------------|
| footer goes here |
|----------------------------------|

这样，如果内容不够的话，会以760为界，footer出现在760的下面，如果超过了760，系统会以实现高度为准，把footer往下撑，但始终是最下面的。
BTW:要想显示的好一点，当然是和分辨率有关的，自己调一下就明白了。