Равная высота, добавляющая дополнительное пространство по всему внизу

Question

Итак, я использую равные высоты в первый раз, и мне удается получить дочерний div (#sidebar) в соответствии с высотой родительского div (#Content). Однако дополнительное пространство добавляется на каждую страницу. Чем больше контента, тем длиннее вертикальная прокрутка, в нижней части страницы появляется еще большая площадь пустого пространства. Я использую пользовательскую тему Wordpress, которую я разработал, поэтому, возможно, проблема лежит где-то там. Код настоящее время я использую ниже:

<script type="text/javascript"> $(function(){ $('#Content').equalHeights(); }); </script>

Вот ссылка на сайт: http://fentonauto.com/web/category/sales/

Спасибо заранее за каких-либо указаний, вы можете предоставить!

Answer 1

Хотите, чтобы боковая панель была расширена до нижней части страницы или равна высоте содержимого страницы?

Попробуйте это -

jQuery(document).ready(function($) { 

    //THIS LINE GETS THE HEIGHT OF THE LEFT COLUMN DIV 
    var leftColumnHeight = $("#left-column").outerHeight(); 

    //THIS LINE APPLIES THE HEIGHT TO THE SIDEBAR 
    $("#sidebar").css("height", leftColumnHeight); 

    //TELLS YOU THE HEIGHT OF THE LEFT CONTENT DIV (DO NOT PUT ON WEBSITE)\\ 
    alert ("left column height is: "+leftColumnHeight); 
}); 

Example