CSS Layout Generator

This generator will create a fluid or fixed width column layout, with up to 3 columns and with header, footer and menu. Values can be specified in either pixels or percentages.

Layout:

Full Page Two Columns (Left Sidebar) Two Columns (Right Sidebar) Three Columns

Page Alignment:

Full Page Centered Page Left Alignment

Page Width:

Measurement:

px %

Measurement:

%

Header:

Include Header

Height: px
Background Color:

Horizontal Menu:

Include Horizontal Menu

Height: px
Background Color:

Footer:

Include Footer

Height: px
Background Color:

Main Content:

Background Color:

Left Column:

Width:  
Background Color:

Right Column:

Width:  
Background Color:

Left Column:

Width:  
Background Color:

Right Column:

Width:  
Background Color: