Подскажите пожалуйста как можно выравнять колонки по высоте.
На многих страницах background для left_bottom_bar не на всю высоту. Выглядит грустно.
Основная проблема в том, что из-за fancybox (по-моему мнению) что-то происходит с высотой.
http://www.debarsstroy.ru/
Первоначально я взял высоту контент блока плюс футер. Это нужная высота основной части без шапки.
Но слева еще один блок и полоса, их я вычитаю из нужной высоты, чтобы получить конечный результат для блока left_bottom_bar.
Но при нажатии на некоторые ссылки например не работает мой скрипт на JQuery.
$(document).ready(function(){
$('#left_bottom_bar').each(function(){
if($(this).height()< $('#right_side_bar').height()){
$(this).height($('#right_side_bar').height()-275);}
else{
$(this).height($('#right_side_bar_all').height()-275);}
});
});
Можете посоветовать как исправить баг.
Смотрел способы решения вопроса с помощью javascript, но как-то староваты они. Хотелось бы на JQuery.
Еще, сейчас понимаю, что верстка несовсем правильная, не соблюдается принцип: поменьше указаний высоты и ширины для блоков. Плюс сложный 3-колоночный макет. Кстати из "специалиста".
Комментарии (4):
А почему не устранить данный баг с помощью верстки, прописав
#center_content background: url("/i/left_bottom.gif") 0 0 repeat-y ; и в футере тоже прописать данный фон, убрать левый margin и изменить padding: 23px 0 11px 257px; bottom:-92px;
Вкладываете левую и правую колонку в блок(родительский), этому блоку задаёте БГ для левой колонки. В результате получается, что какая бы колонка не была бы большой, она потянет родителя, а он соответственно фон.
<div class="родитель">
<div class="левая колонка"></div>
<div class="правая колонка"></div>
<div class="clear"></div>
</div>
.clear {clear:both;}
Написать комментарий
Вы можете также оставлять комментарии, авторизовавшись в одной из социальных сетей: