title: CSS Left Column fluid & Right Column fixed width
body: <p>I've found a fiddle and seems to be working with  Left Column <strong>FIXED</strong> &amp; Right Column <strong>FLUID</strong> width</p>
  
  <p><a href="http://jsfiddle.net/gpxeF/1742/" rel="nofollow">http://jsfiddle.net/gpxeF/1742/</a></p>
  
  <pre><code>&lt;div id=fixedWidth&gt;
  Fixed&lt;/div&gt;
  &lt;div id=theRest&gt;
      The rest of the space&lt;br /&gt;The Rest?&lt;/div&gt;
  
  #fixedWidth{ 
      width: 200px;
      float: left;
      background: blue;
      position: absolute;
      height: 100%;
  }
  #theRest{
      background: green;
      padding-left: 200px;
  }
  </code></pre>
  
  <p>but when I tried to modify it by making the <strong>Left Column to be fluid &amp; Right Column to be fixed width</strong>, then there goes the problem. </p>
  
  <p>I trying to achieve a <strong>Left Column to be fluid &amp; Right Column to be fixed width</strong> but its not working.</p>
  
  <p>What i did was interchange their css then replaced "left" to "right".</p>
  
  <p>here's my modified fiddle.</p>
  
  <p><a href="http://jsfiddle.net/gpxeF/1744/" rel="nofollow">http://jsfiddle.net/gpxeF/1744/</a></p>
  
  <pre><code>#fixedWidth{ 
      background: green;
      padding-right: 200px;
  
  }
  
  #theRest{
      width: 200px;
      float: right;
      background: blue;
      position: absolute;
      height: 100%;
  }
  </code></pre>