title: How to put a border around the browser content viewing area using jquery?
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/8221341/how-to-get-the-browser-window-size-without-the-scroll-bars">how to get the browser window size without the scroll bars</a>  </p>
  </blockquote>
  
  
  
  <p>How to put a border around the browser content viewing area using using jquery? </p>
  
  <p>Here is what I tried..</p>
  
  <pre><code> var $windowW = $(window).width();
   var $windowH = $(window).height();
   alert($windowW + "  " + $windowH); // THe results are width 1440 and 745 height
   $("body").css("width", $windowW);
   $("body").css("height", $windowH);
   $("body").css("border","1px solid green");
  </code></pre>
  
  <p>I have no elements in the body of the document  and I am not getting a 
  green border around the width of 1440 and height of 745.</p>
  
  <p>How do I put a border around the viewable area of the browser using the return values from 
  $windowW and $windowH using jquery?</p>