Layout Generator

CSS layout generator let's you design and generate fixed and fluid layout for your website and saves your time. You can preview and copy or download the generated layout CSS code.

1Options

Doc Type

Layout

Width

Page Width

px

Min Width

px

Max Width

px

Alignment

Main Content

Background Color

Rounded Corners

Rounded Corners?

(Will add 1px border)

2Menu Header/ Footer

Header

Height

px

Background Color

Horizontal Menu

Height

px

Background Color

Footer

Height

px

Background Color

3Sidebars

Columns

Left Sidebar

Width

px

Background Color

Right Sidebar

Width

px

Background Color

HTML Code


        

CSS Code