Div + CSS layout instances (for download)

Source: Internet
Author: User
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 [5 K] [Zip]

two column flexible with header browsers: ''' (5 +) description: basically the same template as abve 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 [3 K] [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 [6 K] [Zip]

two column, left column static, with header bar browsers: ''' (5 +) description: This is the same template as abve but with the addition of a simple header bar which can be used links, search box Etc .. actions: View | image preview | download [6 K] [Zip]

Two Column fixed width with header & footerBrowsers: ''' (5 +)Description: A fixed width centered page with a header, footer, left navigation column and right content column. One of my favorites. Actions: View | image preview | download [6 K] [Zip]

Three Column, left & right columns static Browsers: ''' (5 +) Description: This is much the same as 'two Col left Col status' but now with the addition of a right hand column which is absolutely positioned. Actions: View | image preview | download [6 K] [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 [6 K] [Zip]

three column 'pixel-perfect 'with header browsers: ''' (6) description: the same as the "Holy Grail" abve but with a header Div. also expands to fit the whole screen. actions: View | image preview | download [3 K] [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 [6 K] [Zip]

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.