/* CSS layout */
#masthead {
background-color:gray;
}
#top_nav {
background-color:#CDFEF9;
}
#container {
position: relative;
width: 100%;
}
#left_col {
width: 200px;
position: absolute;
left: 0px;
top: 0px;
background-color: #F8D7B1;
}
#page_content {
margin-left: 200px;
overflow:scroll;
}
#footer {
background:#ECFFC4;
}
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Language" content="en-us" />
<title>left</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="use_of_div.css" />
</head>
<body>
<div id="masthead" style="width: 411px">
</div>
<div id="top_nav" style="width: 409px">
</div>
<div id="container" style="left: 0px; top: 0px; width: 57%; height: 211px">
<div id="left_col" style="left: 0px; top: 0px; height: 208px; width: 197px; right: 211px">
left </div>
<div id="page_content" style="height: 206px">
main<br />
Microsoft is coming big time with this, over FrontPage, but at this
point this tool far less than FrontPage and the competitor like Adobe.<br />
Microsoft is coming big time with this, over FrontPage, but at this
point this tool far less than FrontPage and the competitor like Adobe.<br />
Microsoft is coming big time with this, over FrontPage, but at this
point this tool far less than FrontPage and the competitor like Adobe.</div>
</div>
<div id="footer" style="width: 410px">
</div>
</body>
</html>
