Making Columns Render with Equal Height - CSS, PHP, and Javascript samples, tutorials and templates

CSS

PHP

3rd-Party Scripts

UPLOAD YOUR SCRIPT

Recent Searches
file names
An alternative to the Input Type = "Submit " button
Images Preloader
Yubnub shortcut command source
tip
unobtrusive JavaScript to register to be run once the page is loaded
useragent javascript
useful normalizing functions (php)
Numeric validation
"eighteen ")

  Rate this script:  I Love it  /   I Hate it

Making Columns Render with Equal Height

Code

<script type="text/javascript">

function setH()

{

   var maxH = Math.max(document.getElementById('leftside').offsetHeight,document.getElementById('rightside').offsetHeight);

   document.getElementById('leftside').style.height=maxH+'px';

   document.getElementById('rightside').style.height=maxH+'px';

}

onload=setH;

</script>

Making Columns Render with Equal Height scripts | Making Columns Render with Equal Height snippet | Making Columns Render with Equal Height example | Making Columns Render with Equal Height tutorial | Making Columns Render with Equal Height code