2 Column CSS Layout Creator - margin style

Output

Change class names in HTML code or auto change. Back to default
Include <style> tags Full HTML code

Editor Panel

Layout unit
px em %
Body font-size
Body font unit
Height
header
px
main body
px
footer
px

Why is this design?

This design uses the least coding. It uses margin to seperate columns. So there's no need to set the position to relative. It works for both fixed and liquid layouts.

The tool

Just drag the sliders to adjust the width of the left and right columns. This tool is keeping upgrading until it becomes a real WYSISWG HTML editor.

Social Bookmark.