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....Javascript:\[code\]<script type="text/javascript">function absar(){document.getElementById("sidebar").style.height = document.getElementById("content").clientHeight; }</script>\[/code\]HTML:\[code\]<body onLoad="absar()"><div id="sidebar" style="border:1px solid red">Few content</div><div id="content" style="border:1px solid red">some content <br>some content <br>some content <br>some content <br>some content <br></div></body>\[/code\]This code will make the height of sidebar equal to the height of content div. ** OK**But when I paste same code in wordpress(where I've same id values \[code\]content\[/code\] & \[code\]sidebar\[/code\]) just after the body tag and provide \[code\]onload="absar()"\[/code\] to body it does nothing, exactly nothing.At this point when I've designed almost whole layout I can't go with a new solution like Faux Columns or table etc. .
Extend Sidebar Height to equate Content Height Using Javascript
- Thread starter user1559
- Start date