Single Column Web Page Layout with CSS

/* Copyright 2009 Laura B. Dahl
** When using this code, please add a comment in your code that credits my work
**
** General Layout rules
** Don't add padding or margin to these layout rules or your template will "blow up"
** Do add background images, text color, etc to customize your template look
*/
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #999;
}
#wrapper {
	text-align: left;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	border: 6px solid #333;
	zoom: 1;
	background-color: #fff;
	position: relative;
}
#header {
	background-color: #eee;
}
#content {
 
}
#footer {
	background-color: #eee;
}
/* Content Layout Rules
** You can add padding and margin to these internal wrappers
 */
#header #header_image {
	height: 80px;
}
#header #navigation {
	height: 20px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}
#content #sidebar {
	padding: 6px;
}
#content #main_content {
	padding: 6px;
}
#footer #footer_content {
	padding: 6px;
	text-align: center;
}

<div id="wrapper">
  <div id="header">
  <div id="header_image">
  <!-- This is a placeholder image -->
  	<img height="80" width="960" alt="Your site title" title="Your site title" src="image.jpg" />
  </div>
    <div id="navigation">
      <div id="navcontainer">
        Horizontal navigation goes here
      </div>
    </div>
  </div>
  <div id="content">
    <div id="main_content">Content for  id "main_content" Goes Here</div>
  </div>
  <div id="footer">
  <div id="footer_content">
  Content for  id "footer_content" Goes Here
  </div>
  </div>
</div>