title: Fixed size left column and fluid right column both with 100% height
body: <p>I'm looking to construct a two-column layout with a fixed left column and a fluid right, both with 100% height, like this example:</p>
  
  <p><img src="https://i.stack.imgur.com/ywE4E.jpg" alt="enter image description here"></p>
  
  <p>I've tried so many variations I can't remember what I've tried now, and just can't get it to look right. I've also tried looking at websites such as <a href="http://blog.html.it/layoutgala/" rel="noreferrer">LayoutGala</a> but they don't have any example with both columns having a 100% height.</p>
  
  <p>I can't remember what I have tried already but this was definitely my last attempt. I know this because this was the last visited web page before I was arrested for throwing a computer monitor from the fourth floor of an apartment block.</p>
  
  <pre><code>body { margin:0; padding:0; }
  .left-column { position:absolute; top:0; width:235px; height:100%; background:#090909; }
  .right-column { margin-left:235px; background:yellow; height:100%; width:100%; }
  
  
  &lt;div class="page-wrapper"&gt;
      &lt;div class="left-column"&gt;&lt;/div&gt;
      &lt;div class="right-columnr"&gt;
          sd
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the result here:</p>
  
  <p><a href="http://jsfiddle.net/G9RuL/" rel="noreferrer">MyFiddle</a></p>
  
  <p>I'm so used to my 960 wide centered website, that when it came to a full screen fluid layout, it completely threw me. Any help greatly appreciated.</p>