title: "exotic" css layout - left fixed static, right fluid scrollable containing mixed elements
body: <p>I am having troubles to achieve quite an "exotic" layout which is some kind of a "nested" layout where the HEADER and Footer are actually part of the right column (or "frame"):</p>
  
  <pre><code>- Left column - Fixed,Static
  - Right column - Fluid/liquid/scrollable
  --- Header - fixed 
  --- left/main fluid/liquid
  --- Right/sidebar - fixed
  </code></pre>
  
  <p>visually it should be something like that :</p>
  
  <p><img src="https://i.stack.imgur.com/Cr1z2.jpg" alt="Example"></p>
  
  <p>so basically the yellowish area is static, fixed and always in view.</p>
  
  <p>The green frame is scrollable , and it contains the header, footer and sidebar.</p>
  
  <p>I have searchd all major "css-layout-galleries" sites, but I did not encountered a solid solution yet . (most have the header at the top of the page)</p>
  
  <p>My main problem is to achieve a <strong>bulletproof</strong> method that will work on <strong>ALL major OS &amp; browsers</strong> (Firefox 3.6 - 6 , IE 6-9 , Opera , safari > Mac, Win, Linux) </p>
  
  <p>Right now, (as usually expected) IE is always giving me a hard time, although in some layout experiments , also firefox is giving an unexpected different results (between Vr. 3.6 and 5 for example)</p>
  
  <p>I hope someone can point me in the right direction.</p>