here is demo css code for 3 columns layout.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>3 columns css demo</title>
<style type="text/css">
<!--
#block_1
{
float: left;
width: 50%;
margin-left: 20%;
}
* html #block_1
{
display: inline;
}
#block_2
{
float: left;
width: 20%;
margin-left: -70%;
}
#block_3
{
float: left;
width: 30%;
}
#block_1, #block_2, #block_3
{
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
}
#wrapper
{
overflow: hidden;
}
/* easy clearing */
#wrapper:after
{
content: '[DO NOT LEAVE IT IS NOT REAL]';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#wrapper
{
display: inline-block;
}
#wrapper
{
display: block;
}
#footer
{
clear: both;
}
.all{ background-color:#006666;}
.blue{ background-color:#0066FF;}
.red{ background-color:#FF0000;}
-->
</style>
</head>
<body>
<div class="all">
<div id="wrapper">
<div id="block_1" >
<p>center column</p>
<p>center column</p>
</div>
<div id="block_2" class="blue" >
<p>left column</p>
<p> </p>
<p> </p>
<p> </p>
<p>left column</p>
</div>
<div id="block_3" class="red"> right column</div>
</div>
</div>
<div id="footer">footer</div>
</body>
</html>
