Three columns, expandable css layout

3 columns fluid 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> <style> body{ margin: 15px 15px 15px 15px; padding: 0px; } div.head{ height: 100px; border-top:1px solid #000000; border-right:1px solid #000000; border-left:1px solid #000000; } div.left{ position: absolute; top: 116px; left: 15px; width: 170px; border: 1px solid #000000; } div.right{ position: absolute; top: 116px; right: 15px; width: 170px; border: 1px solid #000000; } div.content{ margin-left: 171px; margin-right: 171px; border: 1px solid #000000; } p,h1,h2,h3{ margin: 10px 10px 10px 10px; } </style> </head> <body> <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 text</p> </div> <div class="right"> <p>Right menu</p> </div> </body> </html>