Center Floated Box
Easy template to construct. It is just simple three main divs which form the top bar, content section and bottom bar. The top and bottom bars have a width of 100% and the content bar has a width of 600px, although it may be better to give this a percentage width.
#bar-top {
width: 100%;
height: 30px;
background: #DFDBDD;
color: #333333;
border: solid #000000;
border-width: 1px 0;
margin: 0;
}
#bar-bottom {
width: 100%;
height: 30px;
position:relative;
background: #DFDBDD;
color: #333333;
border: solid #000000;
border-width: 1px 0;
}
#content {
width: 600px;
height: 450px;
position:relative;
border: solid #000000;
border-width: 0px 1px;
background: #ffffff;
color: #333333;
overflow: auto;
}