如何保持页眉页脚大小并仅调整主体部分的大小?

时间:2010-02-18 09:57:37

标签: jquery html css

-----------------------------
Header (100%)
-----------------------------
 Center margin auto
|           | Desc  |
|unknown    |       |  
|   size    | 200px |
|           |       |
| Image fit |       |
|           |       |
|     A     |       |
|           |       |
|           |       |
-----------------------------
Footer 100% height stick bottom
-----------------------------

基本上,网站布局就像MSNBC画廊。 http://www.msnbc.msn.com/id/35385037/ns/news-picture_stories/displaymode/1247/?beginSlide=1

但是我很难让A部分根据调整大小调整大小。我有jquery的ImageFit插件自动调整图像大小以适应“A”部分。但问题是如果我将页脚设置为绝对(一定是必须的,因为它假设保持在底部的时间)我的A部分将溢出并且里面的图像没有调整大小。

有没有让页面和页脚之间的A匹配,同时在页面上保持标题和页脚

1 个答案:

答案 0 :(得分:0)

给A一个底边等于页脚的高度。

否则,代码shown here也可能对您有帮助。