This will be done using div+css layout.Firstly you need to know that you actually should have three big divs to hold the whole content. I name them from left to right as 'left','main','right'.You add these three divs into a big container whose width you can change to fit the screen width.You set the three divs' width and float.Then you add three divs into the main divs.The sample codes are as follows:
<html>
<head>
<style type="text/css">
*{padding:0px;margin:0px;}
#container{background:100%;}
#left{width:20%;height:400px;float:left;background-color:Blue;}
#main{width:60%;height:400px;float:left;background-color:Gray;}
#right{width:20%;height:400px;float:left;background-color:Green;}
#main_header{height:10%;width:100%;background-color:Orange;}
#main_menu{height:10%;width:100%;background-color:LightBlue;}
#main_content{height:60%;width:100%;background-color:Cyan;}
#main_foot{height:20%;width:100%;background-color:Red;}
</style>
</head>
<body>
<div id="container">
<div id="left">
left
</div>
<div id="main">
<div id="main_header">
main_header
</div>
<div id="main_menu">
main_menu
</div>
<div id="main_content">
main_content
</div>
<div id="main_foot">
main_foot
</div>
</div>
<div id="right">
right
</div>
</div>
<body>
</html>