title: Extend Sidebar Height to equate Content Height Using Javascript
body: <p>I've a simple javascript function which is meant to increase my sidebar div's height to make it equal to the height of the content div. this is how I am doing this....</p>
  
  <p>Javascript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function absar(){
  document.getElementById("sidebar").style.height = document.getElementById("content").clientHeight;
      }&lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body onLoad="absar()"&gt;
  &lt;div id="sidebar" style="border:1px solid red"&gt;Few content&lt;/div&gt;
  &lt;div id="content" style="border:1px solid red"&gt;
  some content &lt;br&gt;
  some content &lt;br&gt;
  some content &lt;br&gt;
  some content &lt;br&gt;
  some content &lt;br&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>This code will make the height of sidebar equal to the height of content div. ** OK**</p>
  
  <p>But when I paste same code in wordpress(where I've same id values <code>content</code> &amp; <code>sidebar</code>) just after the body tag and provide <code>onload="absar()"</code> to body it does nothing, exactly nothing.</p>
  
  <p>At this point when I've designed almost whole layout I can't go with a new solution like Faux Columns or table etc. .</p>