clipped from: www.queness.com   
  • $(document).ready(function() {  
  •     setHeight('.col');  
  • });  
  •   
  • //global variable, this will store the highest height value  
  • var maxHeight = 0;  
  •   
  • function setHeight(col) {  
  •     //Get all the element with class = col  
  •     col = $(col);  
  •       
  •     //Loop all the col  
  •     col.each(function() {          
  •       
  •         //Store the highest value  
  •         if($(this).height() > maxHeight) {  
  •             maxHeight = $(this).height();;  
  •         }  
  •     });  
  •       
  •     //Set the height  
  •     col.height(maxHeight);  
  • }  
  • <div class="col" style="border:1px solid">Column One<br/>  
  • With Two Line<br/>  
  • And the height is different<br/><br/>  
  • </div>  
  • <div class="col" style="border:1px solid">Column Two<br/><br/></div> 

    • Columns of equal height

    I think this script is quite useful. I haven't have a chance to use it yet. It's more on design. If you want columns have the same height, this function will answer your request.