Функция equalHeight, устанавливается минимальная высота для применения?

Question

Я пробовал все, но без javascript я не могу достичь плохой макет мой дизайнер дал мне !!

Как вы можете видеть, у меня есть Div # backgr ящик, который должен быть абсолютным расположен с г-индекс, чтобы быть должным образом за #contenuto (который содержит содержимое страницы !!) Теперь, чтобы решить проблему extensibilty # backgr-box У меня есть код ниже, который работает, если содержимое #contenuto больше, чем боковая панель # barra-laterale, но это не нормально в противном случае, см. Страницу : http://demo.liquidfactory.it/secondopolo/per-informarti

Так как я могу рассказать javascript, чтобы применить этот расчет только на минимальной высоте боковой панели div # barra-laterale ??

Нужна помощь .. пожалуйста!

function equalHeight(group) { 
      tallest = 0; 
      group.each(function() { 
       thisHeight = $(this).height(); 
       if(thisHeight > tallest) { 
       tallest = thisHeight = $("#contenuto").height() - 380; 
       } 
      }); 
      group.height(tallest); 
     } 
     $(document).ready(function() { 
      equalHeight($(".column")); 
     }); 

Answer 1

Проблема, скорее всего, с этой линии:

tallest = thisHeight = $("#contenuto").height() - 380; 

В настоящее время она установлена ​​как переменные tallest и thisHeight на высоту области содержимого минус 380 пикселей. Измените его на:

tallest = thisHeight; 

И изменит размеры всех столбцов на высоту самого высокого.

Edit: Похоже, что ваша правая колонка на самом деле состоит из нескольких столбцов с классом .barra-laterale в этом случае вы можете взять другой галс вообще:

// calculate the total height of the content are and sidebar 
var contentHeight = $("#contenuto").height(); 
var sidebarHeight = 0; 
$(".barra-laterale").each(function() { sidebarHeight += $(this).height(); }) 

if (sidebarHeight > contentHeight) { 
    $("#contenuto").height(sidebarHeight); 
} else { 
    // extend the last sidebar column to cover the difference between the 
    // height of the content and the sum of the sidebar heights 
    var lastSideBarHeight = $(".barra-laterale").last().height(); 
    var heightDifference = contentHeight - sidebarHeight; 
    $(".barra-laterale").last().height(lastSideBarHeight + heightDifference) 
}