Fixed width, vertical 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 the 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> <head> <style> body{ margin: 0px; padding: 0px; } div.container{ min-width: 700px; width: 700px; margin-right: auto; margin-left: auto; border: 1px solid #000000; } div.head{ height: 70px; padding: 5px; } div.navbar{ height: 20px; border-bottom: 1px solid #000000; border-top: 1px solid #000000; padding: 3px 3px 3px 5px; } div.content{ padding: 5px; } div.footer{ padding: 5px; border-top: 1px solid #000000; } p,h1,h2,h3{ margin: 0px; } </style> </head> <body> <div class="container"> <div class="head"> <h1>Heading 1</h1> <p>Description</p> </div> <div class="navbar"> Navbar</div> <div class="content"> <h2>Heading 2</h2> <p>Main text.</p> </div> <div class="footer"> Footer </div> </div> </body> </html>