Untitled

<!doctype html>
<html>
<head>
<title>RWD Fixed layout</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#wrapper {
	width:100%;
	height:1000px;
	margin: 0 auto;
	background-color: #CCC;
	border: 2px dashed black;
}
#header {
	width:100%;
	height:200px;
	margin: 0 auto;
	background-color: #F00;
}
#col1 {
	width:16%;
	height:600px;
	float: left;
	margin-right: 10px;
	background-color: #0F0;

}
#col2 {
	width:58%;
	height:600px;
	float: left;
	margin-right: 10px;
	background-color: #00F;

}
#col3 {
	width:24%;
	height:600px;
	float: left;
	margin-right: 0px;
	background-color: #F39;

}
#footer {
	width:100%;
	height:200px;
	margin: 0 auto;
	background-color: #FF0;
	float: left;
}
</style>
</head>
<body>
<div id="wrapper">
	<div id="header">This is the header text</div>
	<div id="col1">left menu would go here</div>
	<div id="col2">main content would go here</div>
	<div id="col3">sponsored ads might go here</div>
	<div id="footer">footer info (copyright, about us, contact us etc) would go here</div>
</div>
</body>
</html>