Two columns, fixed width css layout

2 fixed width columns and a header, css layout

This page has only the needed css definitions for the basic layout, you can add your own definitions to change colors, margins and so.

Feel free to copy and use this code.
I'll really appreciate if you link to webmastershelp.com somewhere in your site. =)

clean code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html><head><title>Title</title> <style type="text/css"> body{ margin: 0px; padding: 0px: } div.wrapper{ width: 700px; margin-right: auto; margin-left: auto; } div.head{ height: 80px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #000000; } div.left{ width: 191px; float: left; border: 1px solid #000000; } div.content{ width: 500px; margin-left: 5px; float:left; border: 1px solid #000000; } p,h1,h2,h3{ margin: 10px 10px 10px 10px; } </style> </head> <body> <div class="wrapper"> <div class="head"> <h1>Heading 1</h1></div> <div class="left"> <p>Left Menu</p> </div> <div class="content"> <h2>Heading 2</h2> <p>Main content</p> </div> </div> </body> </html>