Make columns equal height with Javascript

[Valk1520]

I have done a fair amount of research trying to find a simple way to make two columns the same height at run time. This solution works and can be expanded to as many columns as needed. It works with the current version of Explorer and Firefox.

I put this script after the columns in the body of the page.

<script language="javascript" type="text/javascript">
    var x = document.getElementById("Col1").clientHeight;
    var y = document.getElementById("Col2").clientHeight;
    
    if (x > y)
    {
        document.getElementById("Col2").style.height = x + 'px';
    }
    if(x < y)
    {
         document.getElementById("Col1").style.height = y + 'px';
    }
    
</script>