lakshman108 · February 27, 2013 11:42
diff --git a/index.html b/index.html
 <body>
  
  <div id="header">Header</div>
  <div class="divider">divider</div>
  
  <div id="container">
    <div id="topribbon">Top Ribbon</div>
    <div id="mcont">Main Content</div>
    <div id="rcont">Right Content</div>
    <div class="divider">divider</div>
    <div id="contfooter">Container Footer</div>
  </div>
  
  <div id="footer">Footer</div>
  
 </body>
diff --git a/style.css b/style.css
 * {
  margin: 0;
  padding: 0;
 }

 #header {
  width: 100%;
  background: black;
  height: 50px;
  color: white;
 }

 .divider {
  width: 100%;
  height: 30px;
  clear: both;
 }

 #container {
  width: 960px;
  margin: auto;
 }  

 #topribbon {
  width: 100%;
  background: grey;
  height: 30px;
 }

 #mcont {
  width: 700px;
  height: 100px;
  float: left;
  background: silver;
 }

 #rcont {
  width: 240px;
  float: right;
  background: Aquamarine;
 }

 #contfooter {
  background: LightSkyBlue;
  height: 40px;
 }

 #footer {
  position: relative;
  width: 100%;
  height: 100px;
  bottom: 0px;
  background: black;
  float: both;
  
 }
	<body>

	<div id="header">Header</div>
	<div class="divider">divider</div>

	<div id="container">
	<div id="topribbon">Top Ribbon</div>
	<div id="mcont">Main Content</div>
	<div id="rcont">Right Content</div>
	<div class="divider">divider</div>
	<div id="contfooter">Container Footer</div>
	</div>

	<div id="footer">Footer</div>

	</body>