// JavaScript Document // USAGE: // 1. Place this in your /scripts dir. // 2. Set xxx and yyy in the code below to the names of the divs you want to be the same height. // 3. Use the following tag instead of your normal body tag in your XHTML: // // (MUST be this exact syntax or it FAILS W3C) // Of course, you need to link to the script file in your HTML as well. function MakeDivsEqual() { // Change div names here. var FirstDIV = document.getElementById("content_left").offsetHeight; // This is the first DIV. var SecondDIV = document.getElementById("content_right").offsetHeight; // This is the second DIV. // Leave this ALONE! if (FirstDIV > SecondDIV) { document.getElementById("content_right").style.height = FirstDIV + "px"; // Again, replace yyy only. } else { document.getElementById("content_left").style.height = SecondDIV + "px"; // Replace xxx only. } // End of script. }