DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> DIV+CSS布局實例:各種2欄3欄布局實例(附下載)
DIV+CSS布局實例:各種2欄3欄布局實例(附下載)
編輯:CSS進階教程     

Two Column Flexible

Browsers: Mozilla Icon ' Firebird Icon ' Netscape Icon ' Opera Icon ' IE6 Icon(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: Mozilla Icon ' Firebird Icon ' Netscape Icon ' Opera Icon ' IE6 Icon(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: Mozilla Icon ' Firebird Icon ' Netscape Icon ' Opera Icon ' IE6 Icon(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: Mozilla Icon ' Firebird Icon ' Netscape Icon ' Opera Icon ' IE6 Icon(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 Recommended !

Browsers: Mozilla Icon ' Firebird Icon ' Netscape Icon

123下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved