DIV+CSS 布局实例:各种2栏,3栏布局实例下载

想学习DIV+CSS的,自己去下载回来看好了 http://www.ssi-developer.net/main/templates/ TwoColumn Flexible Browsers: ' ' ' '[sup](5+)[/sup]Description:Probably the easiest page to make. Contains twolayout divs, the main content div is just floated to the left.Very simple!Actions:View | [url=javascript:void(0)]ImagePreview[/url] | Download [ 5k][ZIP] TwoColumn Flexible With Header Browsers: ' ' ' '[sup](5+)[/sup]Description:Basically the same template as above but with theaddition of a header div for page title, your logo or bannersetc. Again very simple to set up.Actions:View | [url=javascript:void(0)]ImagePreview[/url] | Download [ 3k][ZIP] TwoColumn, Left Column Static Browsers: ' ' ' '[sup](5+)[/sup]Description:Two columns, the leftcolumn is absolutely positioned on the left and is a fixed width. The rightcontent column is sized and positioned by using margins and willresize with the browser window.Actions:View | [url=javascript:void(0)]ImagePreview[/url] | Download [ 6k][ZIP] TwoColumn, Left Column Static, with Header Bar Browsers: ' ' ' '[sup](5+)[/sup]Description:This is the same template as above but with theaddition of a simple header bar which can be used for links,search box etc..Actions:View | [url=javascript:void(0)]ImagePreview[/url] | Download [ 6k][ZIP] TwoColumn Fixed Width with Header & Footer Browsers: ' ' ' '[sup](5+)[/sup]Description:A fixed width centered page with a header,footer, left navigation column and right content column. One ofmy favourites.Actions:View | [url=javascript:void(0)]ImagePreview[/url] | Download [ 6k][ZIP] ThreeColumn, Left & Right Columns Static Browsers: ' ' ' '[sup](5+)[/sup]Description:This is much the same as 'Two Col Left ColStatic' but now with the addition of a right hand column which is absolutelypositioned.Actions:View | [url=javascript:void(0)]ImagePreview[/url] | Download [ 6k][ZIP] ThreeColumn 'Pixel-Perfect' Browsers: ' ' ' '[sup](6)[/sup]Description:Sometimes this is called the "Holy Grail".It's a three column template which fits together "pixel perfect".Actions:View | [url=javascript:void(0)]Image Preview[/url] | Download [ 6k][ZIP] ThreeColumn 'Pixel-Perfect' with Header Browsers: ' ' ' '[sup](6)[/sup]Description:The same as the "Holy Grail" above but witha header div. Also expands to fit the whole screen.Actions:View | [url=javascript:void(0)]Image Preview[/url] | Download [ 3k][ZIP] ThreeColumn Pixel-Perfect with Header & Footer Browsers: ' ' ' '[sup](5+)[/sup]Description:My most complete template. It has three columns, a header and footerand will resize with the browser window.Actions:View | [url=javascript:void(0)]Image Preview[/url] | Download [ 6k][ZIP]