CSS Layout Generator

This generator will help you to create a CSS page layout, with up to 3 columns and with header, menu and footer bars.


Previewing how your layout will look in real-time and generating the CSS and HTML source code, makes this a useful and time saving CSS tool for anyone who creates content for the web.

Create Your CSS Layout

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

Page Alignment:
Full Page Centred Page Left Alignment
Include Header
Horizontal Menu:
Include Horizontal Menu
Include Footer
Main Content:
Background Color:

Generated Code

Copy the HTML and CSS generated below to your web page.

Other Tools

CF Users Online 0.9
The Users On-line PHP script is a very simple script what allows you to display how many...
Table Generator
A simple and quick way to make the code for a HTML table.
Anti-Spam Email Encoder
This free on-line tool allows a e-mail address to be protected from basic "spam...

Forum Topics

FOR ENGLISH Hello, sorry to my English. I use "Google translate". Please, help. When I go...
Help needed: To add adult image warning
I see that your script is very good and functioning very well. I would like to know wether it is possible to...
I can not remote upload
Upgrade version 1.6.5 but can not remote upload. I get this message: Fatal error: Call to undefined function...
Rilch Enterprise Free hosting
http://img.rilch.tk check us out
Resize not working for images larger than 3300x3300
When trying to upload an image that has to large of dimensions, it will not upload the photo even when trying...