CSS Layout Generator

Welcome to our new CSS Layout Generator, we have added a few new features that we hope you'll enjoy. This generator will create either a fixed width or fluid width layout and can include a header, menu and footer. New features to this generator are: you can now select a doctype for your layout, rounded corners and with the fluid layout, you can now select min and max widths. Once you have selected all your options, click 'Create Layout' and you'll be able to preview and download your new layout in a zip file.
We have tested this generator in a number of different browsers, but if you experience any problems please contact me.
Note: Rounded corners will not work in older browsers.

DOCTYPE
Layout Options
 

Alignment


Width
Page Width:
px
Width
Min Width:
px
Max Width:
px
Header Options
Height:
px
Background Color:
Horizontal Menu Options
Height:
px
Background Color:
Footer Options
Height:
px
Background Color:
Columns



Left Sidebar

Width:
px
Background Color:

Right Sidebar

Width:
px
Background Color:

Left Sidebar

Width:
px
Background Color:

Right Sidebar

Width:
px
Background Color:
Extra Options

Main Content

Background Color:

Rounded Corners


Will also add a 1px border