title: Javascript to set div height not working
body: <p>im trying to set the height of two divs on my page, because my page content is dynamic. But it wont work. The height is just one screen of the divs.</p>
  
  <p>The divs contain side borders, thats why it has to be all the way. Any ideas why the height only = one screen height?</p>
  
  <pre><code>function bodyHeight() {
      var scnHei;
  
      if (self.innerHeight) // all except Explorer
      {
          scnHei = self.innerHeight;
      }
      else if (document.documentElement &amp;&amp; document.documentElement.clientHeight)
          // Explorer 6 Strict Mode
      {
          scnHei = document.documentElement.clientHeight;
      }
      else if (document.body) // other Explorers
      {
          scnHei = document.body.clientHeight;
      }
  
      document.getElementById("bgr_right").style.height=scnHei + "px";
      document.getElementById("bgr_left").style.height=scnHei + "px";
  }
  </code></pre>
  
  <p>Here is where I call the function:</p>
  
  <pre><code>&lt;body onload="bodyHeight();"&gt;
  </code></pre>
  
  <p>UPDATE:  + added "px"; but DOESNT WORK EITHER...</p>