设为首页 | 收藏本站
首页>IT学院>网页设计>正文
网页中三列自适应高度布局的实现
WWW.DBIT.CN 2006-10-30 10:50:14 热度:
 

padding:010px;/*RCpadding*/

margin-right:-190px;/*RCfullwidth+CCpadding*/

}

#footer{

clear:both;

}

/***IEFix***/

*html#left{

left:150px;/*RCfullwidth*/

}

高度自适应

#container{

overflow:hidden;

}

#container.column{

padding-bottom:20010px;/*X+padding-bottom*/

margin-bottom:-20000px;/*X*/

}

#footer{

position:relative;

}

这个代码起源于adapted wholesale。

遗憾的是现在Opera还不支持#container的overflow,期待版本9。

现在IE还不能真正的自适应高度,还要加下面的代码,如果你需要#footer,可再加个DIV(#footer外面)。

<divid="footer-wrapper">

<divid="footer"></div>

</div>

*htmlbody{

overflow:hidden;

}

*html#footer-wrapper{

float:left;

position:relative;

width:100%;

padding-bottom:10010px;

margin-bottom:-10000px;

background:#fff;/*Sameasbody

background*/

}

本新闻共2页,当前在第2页  1  2  

 
上一篇:CSS的“顶级”技巧
下一篇:巧用网页显示硬盘内容
打印】【关闭
  相关文章:
·网页设计开发:如何处理网页字体·网页设计配色应用实例剖析——绿色
·基础:什么是静态网页和动态网页·网页布局的位置重心与位置间的对比
·合理的网页设计具有哪些特征·用好的设计替代不好的
·如何写好“帮助中心”的内容·解读absolute与relative
·网页制作深入浅出·改进网页可读性的7个方法
·巧用网页显示硬盘内容·Photoshop打造超酷春天背景网页布
·网页设计配色应用实例剖析——红色·从菜鸟到准网页设计师的历程
·如何让你的网站人见人爱·确保客户端能访问到最新的网页
☆联姻学院☆

保养电脑的26个窍门
文件夹删除不掉怎么办?
教你如何用手工迅速剿灭QQ广告
“熊猫烧香”病毒的病毒描述和
在Excel中只打印图表以外区域
Excel中只选中包含文本的单元
Windows XP操作系统的几个实用
用XP系统自带网络诊断程序解决
风雨雷电→自然现象动画实战技
Flash遮罩特效之百叶窗效果
十二个Dreamweaver鲜为人知的
如何用 Dreamweaver 批量做we
JavaScript的系统函数学习
Java之父:关于Java我也有遗憾
排除网上邻居使用4大常见麻烦
解除上网限制IP和MAC捆绑的破