Fixed Column on Right, Fluid Column on the Left

By Forrest Smith - Drempd.com

This code produces a 2-column layout, with a fixed column to the right, and a column to the left that fills the remaining space. To change the width of the right column, just adjust anywhere in the code below that has 250px to match whatever width you want (someday we’ll have variables in CSS!).

<style> 
       .left{ 
               float: left; 
               width: 100%; 
           } 
       .left_inner{ 
               background: red; 
               margin-right: 250px; 
           } 
       .right{ 
               background: yellow; 
               width: 250px; 
               float: right; 
               margin-left: -250px; 
            } 
       .clear{
               clear: both;
            }
</style> 

<div class="left"> 
         <div class="left_inner"> 
                 Left 
         </div> 
</div> 
<div class="right"> 
          Right 
</div>
<div class="clear"></div&g