DIVCSS布局實例:各種2欄3欄布局實例(附下載)_DIV+CSS實例
教程Tag:暫無Tag,歡迎添加,賺取U幣!
Two Column Flexible
Browsers: ' ' ' ' (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 )
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 )
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 )
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 )
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, Left & Right Columns Static
Browsers: ' ' ' ' (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)
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)
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 )
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]
相關(guān)DIV+CSS實例:
- 固定div容器的寬高,圖片居中(圖片不限制大小)
- 用css制作有滾動條的居中彈出框
- 鼠標(biāo)指住(hover)變色的按鈕演示demo
- 10個很酷的涂鴉風(fēng)格國外網(wǎng)店設(shè)計展示
- jquery模擬瀏覽器滾動條效果
- 仿谷歌google的搜索框下拉提示列表效果
- JS顯示網(wǎng)頁最后更新時間
- CSS技巧:text-indent隱藏文字(以圖換字)
- CSS實例:三列自適應(yīng)等高且中列寬度自適應(yīng)
- DivCSS布局實例:很實用的圖文混排CSS列表-富有語義
- DivCSS實例:CSS菜單Flash效果用圖片模擬實現(xiàn)
- DivCSS布局實例用dldtdd來制作列表
- 相關(guān)鏈接:
- 教程說明:
DIV+CSS實例-DIVCSS布局實例:各種2欄3欄布局實例(附下載)。