title: how to fit content in browse height
body: <p>i want make contentarea height browser window hight but minus top and bottom div height also so then i will be fit in properly. i already did some via jquery but i am always 15px extra height. any idea how i can fix that.</p>
  
  <p>may be can direct put px in js or may be just minus 15px more. </p>
  
  <p>demo <a href="http://jsfiddle.net/cyber007/1y06jssp/" rel="nofollow">http://jsfiddle.net/cyber007/1y06jssp/</a></p>
  
  <p>bellow is js. it minus from class <strong>topbar</strong> and <strong>topbar2</strong> but still i am getting 15px more space.</p>
  
  <pre><code> $(window).on('resize', function(){
  
          var h = $(this).height() - $('.topbar').height() - $('.topbar2').height();
          if(h&lt;=400) h=400
          $('.contentarea').height(h); 
  
  
      }).trigger('resize');
  </code></pre>