css 레이아웃 잡을때 도움

원본 : http://www.maxdesign.com.au/articles/css-layouts/

아래 : 클릭하기 귀찮은 나 같은 사람을 위해 사이트 긁어옴

CSS layouts

Date: 1 November 2002
Author: Russ Weakley

Here are a range of free CSS page layouts, including 1, 2 and 3 column layouts – free to use and abuse as needed.

Sample CSS layouts

• One column fixed width layout
• One column liquid layout
• Two column fixed width layout
• Two column fixed width (with spread) layout
• Two column liquid layout
• Three column fixed width layout
• Three column liquid layout

“Floatutorial” step by step layout tutorial

• Liquid two column layout
• Liquid two column layout – final result
• Liquid three column layout
• Liquid three column layout – final result

“Two columns with color” step by step layout tutorial

• Two column layout with full height colours
• Two column layout with full height colours – final result
• Two column layout with full height colours – variation 1
• Two column layout with full height colours – variation 2
• Two column layout with full height colours – variation 3

“Selectutorial” step by step layout tutorial

• Three column layout with full height colours
• Three column layout with full height colours – final result

“Liquid Layouts” step by step layout tutorial

• Three column liquid layout
• Three column liquid layout – final result
• Three column liquid layout – variation 1
• Three column liquid layout – variation 2
• Three column liquid layout – variation 3
• Liquid insanity

“Colored boxes” step by step layout tutorial

• Two column, fixed width layout