On a two-column page, how can I grow the left div to the same height of the right div using CSS or Javascript?

Question

I\'m trying to make a two-column page using a div-based layout (no tables please!). Problem is, I can\'t grow the left div to match the height of the right one. My right di

Answer 1

Use jQuery for this problem; just call this function in your ready function:

function setHeight(){
  var height = $(document).height(); //optionally, subtract some from the height
  $("#leftDiv").css("height", height + "px");
}