Подвал налазит на виджеты

[StOK]

Здравствуйте!

 

Заказала у фрилансера адаптивный резиновый шаблон. Сама еще такие вещи писать не умею. Проблема в подвале, который налазит на виджеты и контент. Если на сайте короткая статья и много виджетов в сайдбаре, то виджеты оказываются под футером. Если на сайте мало виджетов и статья короткая, то футер оказывается посредине. Шаблон тестирую тут test.degavo.ru Фрилансер пишет, что нужен скрипт, типа он дорогой, и только он может выровнять подвал. Что это за скрипт? Фрилансер смог написать бесплатный, который не срабатывает. Вот этот:

 

<!-- 3 colums -->

<script type="text/javascript">

$(document).ready(function(){var $=jQuery.noConflict();setTimeout(alertFunc,5000);function alertFunc(){var $ColumsCenter=$(".site-content").height();var $ColumsLeft=$(".widget-left").height();var $ColumsRight=$(".widget-right").height();if($ColumsCenter=>$ColumsRight){$(".site-content").css('height',$ColumsCenter)}if($ColumsCenter=>$ColumsLeft){$(".site-content").css('height',$ColumsCenter)}if($ColumsCenter<=$ColumsRight){$(".site-content").css('height',$ColumsRight)}if($ColumsCenter<=$ColumsLeft){$(".site-content").css('height',$ColumsLeft)}}});

</script>

<!-- 3 colums -->

 

Что сделать? Как выровнять подвал? Подскажите, как устранить этот глюк простым способом. Я уже неделю с этим неполноценным шаблоном мучаюсь. Заказала на свою голову.

 

Нашла в footer.php две строчки

</div><!-- #main .wrapper -->

</div><!-- #page -->

с закрывающими дивами, а перед ними нет открывающих дивов. Если дивы убрать, то подвал оказывается на втором нижнем меню и закрывает первый анонс. Проблема может крыться в этих дивах? Чем их можно заменить?

Edited July 7, 2015 by StOK

[raptor-dm]

сократите, кому охота такое читать

[Aleksandr.L]

if($ColumsCenter=>$ColumsRight)

Фрилансер пишет, что нужен скрипт, типа он дорогой и только он может выровнять подвал.

 

 

Все ясно с ним.

[user]

Не совсем все понятно,но попробуйте вот это.

body,html{height:100%;}

#page{min-height:calc(100% - 360px);}

[wwt]

calc(100% - 360px);

 

calc() поддерживают не все браузеры так то.

[StOK]

Не совсем все понятно,но попробуйте вот это.

body,html{height:100%;}

#page{min-height:calc(100% - 360px);}

Спасибо. Но в этом шаблоне не срабатывает.

Edited July 7, 2015 by StOK

[user]

У вас по высоте растягивают только середина и левый блок,у правого position:absolute,поэтому его закрывает футер.Как вариант можно попробовать поменять местами primary и secondary-left.Для primary поставить float:left и убрать margin-right,а для правого убрать position:absolute.Или просто пихать больше виджетов в левую колонку.

Edited July 7, 2015 by user

[user]

Ну или так.

<script type="text/javascript">jQuery(document).ready(function($){var $ColumsCenter=$("#primary").height();var $ColumsLeft=$("#secondary-left").height();var $ColumsRight=$("#secondary").height();$("#page").css("height",Math.max($ColumnsCenter,$ColumnsLeft,$ColumnsRight));});</script>

Edited July 7, 2015 by user

[StOK]

У вас по высоте растягивают только середина и левый блок,у правого position:absolute,поэтому его закрывает футер.Как вариант можно попробовать поменять местами primary и secondary-left.Для primary поставить float:left и убрать margin-right,а для правого убрать position:absolute.Или просто пихать больше виджетов в левую колонку.

Спасибо за эту подсказку. Попробую так сделать.