DESIGN WITH CSS

Please try to use this css. is very simple and efficient. It is a layout with header footer and three colums.

#container
{
width: 100%;
margin: 0 auto;
background-color: #ddd;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
padding: 0;
background-color: #FFF;
}

#top P {
 margin-tom: 0;
 margin-bottom: .5em;
}

#top P {
 margin-tom: 0;
 margin-bottom: .5em;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 120px;
margin: 0;
padding: 1em;
}

#rightnav
{
 float: right;
 width: 160px;
 margin: 0;
 padding: 1em;
 background-color: #ddd;
}

#content
{
 margin-left: 170px;
 border-left: 1px solid gray;
 margin-right: 160px;
 border-right: 1px solid gray;
 padding: 1em;
 max-width: 36em;
 background-color: #FFF;
 height: 800px;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #fff;
border-top: 1px solid gray;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }