title: Dynamic Height Element in a sidebar under a Fixed Height Element
body: <p>I have a fluid CSS layout for a user application. The goal is that the large content area (white) and the dark blue #notiarea will expand to fill the client desktop. The goal would be to have the #notiarea expand to fill the rest of the user desktop.</p>
  
  <p>The #notiarea and the content div would than have a scrollbar for the content like the image below.</p>
  
  <p>My question is how do I get the darkblue (#notiarea) element to expand to the rest of the application view area height only? <strong>How do I get the #notiarea to be fluid in height under all the fixed height elements</strong>, than I need the ability to use the css tag "overflow:auto;"? I would prefer a css solution but I'll accept a jQuery solution.</p>
  
  <p><img src="https://i.stack.imgur.com/RvkcR.png" alt="example"></p>
  
  <p><strong>Source code:</strong> Here's a jsfidle for quick experimentation: <a href="http://jsfiddle.net/YLZRb/" rel="nofollow noreferrer">http://jsfiddle.net/YLZRb/</a></p>