DIV+CSS布局实例:各种2栏3栏布局实例(附下载)
发布时间：2006-05-16 11:53:19 来源：天极网 网友评论 0 条Two Column Flexible
Browsers: 
' 
' 
' 
' 
(5+)
' ' ' ' (5+) Description: Probably the easiest page to make. Contains two layout divs, the main content div is just floated to the left. Very simple!
Actions: View | Image Preview | Download [ 5k] [ZIP]
Two Column Flexible With Header
Browsers: 
' 
' 
' 
' 
(5+)
' ' ' ' (5+) Description: Basically the same template as above but with the addition of a header div for page title, your logo or banners etc. Again very simple to set up.
Actions: View | Image Preview | Download [ 3k] [ZIP]
Two Column, Left Column Static
Browsers: 
' 
' 
' 
' 
(5+)
' ' ' ' (5+) Description: Two columns, the left column is absolutely positioned on the left and is a fixed width. The right content column is sized and positioned by using margins and will resize with the browser window.
Actions: View | Image Preview | Download [ 6k] [ZIP]
Two Column, Left Column Static, with Header Bar
Browsers: 
' 
' 
' 
' 
(5+)
' ' ' ' (5+) Description: This is the same template as above but with the addition of a simple header bar which can be used for links, search box etc..
Actions: View | Image Preview | Download [ 6k] [ZIP]
Two Column Fixed Width with Header & Footer 
Browsers: 
' 
' 
' 
' 
(5+)
' ' ' ' (5+) Description: A fixed width centered page with a header, footer, left navigation column and right content column. One of my favourites.
Actions: View | Image Preview | Download [ 6k] [ZIP]
Three Column Pixel-Perfect with Header & Footer
Three Column, Left & Right Columns Static
Browsers: 
' 
' 
' 
' 
(5+)
' ' ' ' (5+) Description: This is much the same as 'Two Col Left Col Static' but now with the addition of a right hand column which is absolutely positioned.
Actions: View | Image Preview | Download [ 6k] [ZIP]
Three Column 'Pixel-Perfect'
Browsers: 
' 
' 
' 
' 
(6)
' ' ' ' (6) Description: Sometimes this is called the "Holy Grail". It's a three column template which fits together "pixel perfect".
Actions: View | Image Preview | Download [ 6k] [ZIP]
Three Column 'Pixel-Perfect' with Header
Browsers: 
' 
' 
' 
' 
(6)
' ' ' ' (6) Description: The same as the "Holy Grail" above but with a header div. Also expands to fit the whole screen.
Actions: View | Image Preview | Download [ 3k] [ZIP]
Three Column Pixel-Perfect with Header & Footer 
Browsers: 
' 
' 
' 
' 
(5+)
' ' ' ' (5+) Description: My most complete template. It has three columns, a header and footer and will resize with the browser window.
Actions: View | Image Preview | Download [ 6k] [ZIP]
- 推荐阅讯
- CSS入门教学十四个问与答
- 网页特效：CSS制作的阴影链接文字
- 利用CSS改善网站可访问性
- 脚本代码：实例解析Js+XML的操作方法
- 如何使用CSS来进行网页排版
- CSS+DIV设计实例：看看IE中有关1px的Bug
- 网页设计引入CSS样式的五种方式
- 运用表单file输入框获取文件对象
- 利用CSS的Clip属性来创造多彩文字
- CSS初级入门：连接属性
- 阅读排行
- 1.如何使用CSS来进行网页排版
- 2.CSS样式表教程-If you love css …
- 3.CSS用样式表美化你的网页
- 4.网页制作：几种所见所得的WEB在线编辑器
- 5.网页常见可用性错误——表单组件错误
- 6.CSS+JavaScript打造超酷右键菜单
- 7.针对浏览器隐藏CSS之九大技巧
- 8.DIV＋CSS网页布局入门
- 9.搜索引擎的蜘蛛人（ROBOTS）秘密
- 10.CSS垂直树形下拉菜单
- 专题教程
- Windows Server-Windows Server文档-Windows Server新闻-Windows Ser PostgreSQL-PostgreSQL文档-PostgreSQL新闻-PostgreSQL专家
- WebLogic-WebLogic文档-WebLogic新闻-WebLogic专家 FreeBSD-FreeBSD文档-FreeBSD新闻-FreeBSD专家
- Linux-内核 GUI KDE Gnome DNS FTP 安全 安装-Linux专区 Windows-AD IIS ServerCore 虚拟化 安全 HPC-Windows专区
- 大话G游 专题：手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册