合肥卓想动画工作室 承接全国+flash动画制作 + flash动画设计 + 各类flash动画制作设计


点击这里给我发消息

锚定到屏幕底部的页脚

时间:2010-11-30 10:52来源:卓想空间http://www.zxgzs.com 作者:QQ:610929375 点击:

Anchoring footer to bottom of screen锚定到屏幕底部的页脚

 

I 我想创建一个相当基本的网站,有三个方面。

1) 这是固定在屏幕的顶部的横幅。

2) 主要机构,它将在深度依赖于不同的屏幕尺寸的扩大。

3) 这是固定在屏幕底部的页脚。

我无法弄清楚如何脚的页脚屏幕的底部,并扩大主体,填补了国内空白。

这里是一个测试网站,可能有助于解释什么,我试图做的链接: -

红色栏应该是固定在屏幕的,因为它的顶端。
蓝色的页脚栏应该是固定在屏幕的底部。
绿色中心酒吧应扩大高度填充屏幕无论大小的屏幕上。

任何帮助和建议是非常赞赏。
我已经编码的粘页脚下面的两种类型之一。页脚将坚持窗口的底部,当你没有足够的内容,以填补上述高度,但如果有足够的内容,上面的页脚保持了以下的内容,视力和滚动才能看到它。 我添加了一个大比分美联社顶标签向你展示它是如何工作。 使您的窗口小,拖动窗口上级和下级,看到了页脚坚持在一个大窗口的底部,但消失在一个小窗口的高度。
 HTML和身体有高度:100%和一个新的div#总结了民高度:100%;及推动有一个##在包装底部的页脚,允许具有保证金顶空间息:- 100px的顶部被拖入又回到了空推动分区。

请注意您已在样式表中字符集的UTF - 8但ISO - 8859 - 1在HTML元标记。

对坚持页脚至底部另一种方法是使用的位置是:固定;底:0,但我用的方法似乎是最流行的。

有一种意见是有条件的IE6 IE6不处理民IE6的高度,必须有高度:100%。
下面的代码:

HTML: HTML代码:
<div id="footer"> <div id="footer">
<p> Project name....blah blah blah </p> <p>项目名称....等等等等等等</ p>
</div> </格>
卓想空间:http://www.zxgzw.com
臌症丸:http://www.mlgzw.com
CSS:的CSS:
#footer { {#页脚
clear: both;明确:既;
margin: 0em 0em 0em 0em;保证金:0em 0em 0em 0em;
padding: 0.75em 0.75em;填充:0.75em 0.75em;
background: #6757fC背景:#6757fC
} }

是有一些其他的CSS属性我失踪? 感谢一群!


(责任编辑:卓想空间http://www.zxgzs.com)

包头 - 无锡 - 苏州 - 兰州 - 昆明 - 乌鲁木齐 - 福州 - 长沙 - 郑州 - 南昌 - 贵阳 - 南宁 - 泉州 - 烟台 - 唐山 - 东莞 - 佛山 - 呼和浩特 - 石家庄 - 太原 - 厦门 - 深圳 - 南京 - 天津 - 广州 - 上海 - 北京 - 亳州 - 合肥 - 长春 - 武汉 - 沈阳 - 西安 - 哈尔滨 - 济南 - 宁波 - 大连 - 青岛 - 杭州 - 重庆 - 成都 - 温州 - 淄博 - 海口 - 银川 - 西宁 - 南通 - 大庆 - 徐州 - 潍坊 - 常州 - 鄂尔多斯 - 绍兴 - 济宁 - 盐城 - 邯郸 - 临沂 - 洛阳 - 东营 - 扬州 - 台州 - 嘉兴 - 沧州 - 榆林 - 泰州 - 镇江 - 昆山 - 江阴 - 张家港 - 义乌 - 金华 - 保定 - 鞍山 - 泰安 - 宜昌 - 襄阳 - 中山 - 惠州 - 南阳 - 威海 - 德州 -



卓想简介 - flash动画 - 作品展示 - 联系我们 - 网站建设 - 企业VI - 电子杂志 - 全国分站 -
合肥卓想空间工作室--合肥唯一一家始终致力于,高端的卓想空间品牌服务。
合肥卓想空间工作室主要承接业务为:网站开发,网站制作,网站设计,flash动画或广告制作,企业VI形象设计,电子书以及电子杂志制作。
顶级的网页设计师,多年项目经验的程序开发师,为客户打造出高品质的网站。
友情链接- 中国电子杂志制作网 - 卓凡动画 - flash动画制作

版权所有,未经授权禁止复制或建立镜像。所用程序 2009 DesDev Inc. All rights reserved Powered by DedeCMS
合肥卓想空间工作室http://www.zxgzs.com 版权所有 信息产业部ICP备案号:皖ICP备10203066号