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.

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

About CSS Layout Generator

  • Sponsors
    • Turn Website into App - Convert your website into an app for Android and iOS. Updates automatically. Unicode Characters & Emojis - Search all Unicode characters and emojis plus other tools. Learn Wordpress - Wordpress hosting. Theme and plugin reviews. Wordpress development tips. Templatic - Wordpress Themes, Cloud Hosting, Backups and Webmaster Tips. A2 Web Hosting - Shared hosting, Reseller hosting, Cloud hosting, Dedicated hosting. Online Password Manager - Access your passwords from any computer, no need to remember all of your passwords. Advertise Here - Advertise your company and products here!