Left Column

 

You can download this and many more simple CSS layouts at

 

http://www.code-sucks.com/css%20layouts/fixed-width-css-layouts/

 

 

 

This is the HTML

<body>

<!-- Begin Wrapper -->
<div id="wrapper">

<!-- Begin Header -->
<div id="header">

This is the Header

</div>
<!-- End Header -->

<!-- Begin Navigation -->
<div id="navigation">

This is the Navigation

</div>
<!-- End Navigation -->

<!-- Begin Left Column -->
<div id="leftcolumn">

Left Column

</div>
<!-- End Left Column -->

<!-- Begin Content Column -->
<div id="content">

<p><a href="#">Download this CSS Layout</a>

</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<!-- End Content Column -->

<!-- Begin Right Column -->
<div id="rightcolumn">

Right Column

</div>
<!-- End Right Column -->

<!-- Begin Footer -->
<div id="footer">

This is the Footer

</div>
<!-- End Footer -->

</div>
<!-- End Wrapper -->

</body>

 

 

Right Column

This is the CSS

* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
height: 700px;
margin-left: auto;
margin-right: auto;
width: 960px;
background-color:#060;
}
#header {
color: #333;
width: 938px;
float: left;
padding: 10px;
border: 1px solid #ccc;
height: 100px;
margin: 10px 0px 0px 0px;
background: #E7DBD5;
}
#navigation {
float: left;
width: 938px;
color: #333;
padding: 10px;
border: 1px solid #ccc;
margin: 0px 0px 0px 0px;
background: #BD9C8C;
}
#leftcolumn {
color: #333;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 500px;
width: 150px;
float: left;
}
#content {
float: left;
color: #333;
border: 1px solid #ccc;
background: #F2F2E6;
margin: 0px 0px 0px 10px;
padding: 10px;
height: 500px;
width: 590px;
overflow:scroll;

}
#rightcolumn {
color: #333;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px 0px 0px 4px;
padding: 5px;
height: 500px;
width: 150px;
float: left;
overflow:scroll;
}
#footer {
width: 938px;
clear: both;
color: #333;
border: 1px solid #ccc;
background: #BD9C8C;
margin: 0px 0px 10px 0px;
padding: 10px;
}