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

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);
});

пример