相关文章
北京网站设计需要掌握的八个CSS布局技巧
网站建设CSS制作带有样式的网页按钮
北京网站设计Div+CSS基础教程(二)
北京网站建设关于iframe的透明背景
网页设计用CSS来控制网页背景
网站建设Dreamweaver 4 简明教程(五、让你的网页更漂亮之三)
网站设计Flash 沿轨迹运动的物体
网站设计VEGAS 5.0 音频新手入门——音频处理及DX音频插件简介
网页设计FLASH MX 2004视频教程:达芬奇的鸡蛋
网站建设Flash视频教程：1.17 任意变形工具
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 北京网站设计北京网站建设DIV+CSS布局实例:各种2栏3栏布局实例(附下载)
北京网站设计北京网站建设DIV+CSS布局实例:各种2栏3栏布局实例(附下载)
作者： 北京网站建设 日期：2008-03-27 06:03:34 来源： http://www.qitongnet.com
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]