zoukankan      html  css  js  c++  java
  • DIV+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 ' Opera Icon ' IE6 Icon(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: Mozilla Icon ' Firebird Icon ' Netscape Icon ' Opera Icon ' IE6 Icon(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: Mozilla Icon ' Firebird Icon ' Netscape Icon ' Opera Icon ' IE6 Icon(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: Mozilla Icon ' Firebird Icon ' Netscape Icon ' Opera Icon ' IE6 Icon(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 Recommended !

    Browsers: Mozilla Icon ' Firebird Icon ' Netscape Icon ' Opera Icon ' IE6 Icon(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]
  • 相关阅读:
    超参数调试、Batch正则化和程序框架
    优化算法
    深度学习的实用层面
    深层神经网络
    浅层神经网络
    一些实用的JavaScript代码
    mysql练习题1-41
    python 练习题(16-20)
    fiddler抓取https请求
    haproxy监控页面添加及参数简介(转)
  • 原文地址:https://www.cnblogs.com/top5/p/1425014.html
Copyright © 2011-2022 走看看