Fixed and fluid columns

by Michael Lajlev

HTML

<div class="wrapper">
  <div class="wrapright">       
    <div class="right">
      right
    </div>
  </div>    
  <div class="left">
    left
  </div> 
</div>

CSS

.wrapper{
   width: 100%;
   margin: 0 auto;
}
.wrapright{
   float: left;
   width: 100%;
   background-color: #cfcfcf
}
.right{
   margin-left: 70px;
   background-color: #afeeee;
   height: 200px;
}
.left{
   float: left;
   width: 50px;
   margin-left: -100%;
   background-color: #98fb98;
   height: 200px;
}
body {
   padding: 0px;
   margin: 0px;
}