About the CSS Layout Generator

The CSS Layout Generator was first released by Tony Aslett in October 2003, since then over 871,000 layouts have been generated. Updated in November 2010, HTML5 doctype can now be selected and a simple HTML5 template with appropriate tags will be created. Other HTML and XHTML doctypes are still available.

The generator helps you create the structure of your website template using valid HTML and CSS.

You can create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.

The generator requires a modern DOM capable browser with JavaScript enabled.


To create your layout select the structural elements your site requires (header, footer, columns). Then specify a size in the field provided and choose a background color from the color chooser below.

Info popups are available where you see  InfoMore info example :) icon, just hover over it for more information.

Join the CSS Forum to suggest changes or ask for help where needed.

W3C CSS Validator
W3C Markup Validator