基于CSS的DIV网页设计 - 使用固定层方法设计网页
来源:互联网 发布:c语言调用lua 编辑:程序博客网 时间:2024/05/02 00:16
完整代码:
<html>
<head>
<title>THREE-COLUMN FIXED LAYOUT WITH FIXED BOXES</title>
<style type="text/css">
<!--
#header {
background: #0f0;
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 100px;
}
#leftcol {
background: #f00;
position: absolute;
top: 100px;
left: 0px;
width: 150px;
height: 500px;
}
#rightcol {
background: #f00;
position: absolute;
left: 650px;
top: 100px;
width: 150px;
height: 500px;
}
#content {
background: #fff;
position: absolute;
top: 100px;
left: 150px;
width: 500px;
height: 500px;
}
#footer {
background: #0f0;
position: absolute;
top: 500px;
left: 0px;
width: 800px;
height: 100px;
}
-->
</style>
</head>
<body>
<div id="header">Header Section</div>
<div id="leftcol">Left Section</div>
<div id="content">Content Section</div>
<div id="rightcol">Right Section</div>
<div id="footer">Footer Section</div>
</body>
</html>
- 基于CSS的DIV网页设计 - 使用固定层方法设计网页
- 基于网页设计中div+css的认识
- CSS固定在网页底部的层div
- 网页设计使用Div+css的优点总结
- CSS+DIV下的网页设计实例
- DIV+CSS进行网页设计
- 网页设计-----DIV+CSS规则
- 设计一个基于CSS的网页模板
- 设计一个基于CSS的网页模板
- 设计一个基于CSS的网页模板
- 网页设计技巧:如何隐藏网页中的层DIV
- 网页设计基础:Div+CSS布局入门教程
- 网页设计必然趋势:DIV+CSS
- DIV+CSS网页设计常用布局代码
- 轻松搞定网页设计之div+css
- 网页设计基础:Div+CSS布局入门教程
- css+div网页设计(一)--基础知识
- DIV+CSS网页设计常用布局代码
- 初学C++Primer
- Bug管理的流程和几个重点
- 遍历所有窗口句柄,截取窗口屏幕(截屏)
- Inside Symbian SQL 翻译连载 三
- Windows Live Writer离线写博客-测试
- 基于CSS的DIV网页设计 - 使用固定层方法设计网页
- 如何解决补丁KB967723造成的MYSQL连接错误问题
- 典型的几款Bug管理工具的比较
- svn 配置与管理
- [更新日志]v1.10.0604
- Activity.overridePendingTransition(int, int)
- 使用from中的子查询来优化join
- 解决OracleDBConsoleorcl不能启动,报错误码2
- WPF对决Silverlight:为项目选择最佳技术