Блок DIV на всю высоту BODY

[Aidakaev]

Всем привет. На сайте http://100faceufa.ru/ есть проблема с выводом правой колонкой на всю высоту экрана.

На разных мониторах, отображает по разному.

вот так, косячно все выводиться на мониторе: 1600x1024

https://www.dropbox.com/s/om9pq2cjd6j5cpk/123.jpg

https://www.dropbox.com/s/ucty97ake0rbi9h/456.jpg

Помогите пожалуйста исправить

[deadrash]

У вас высота левого и правого блока задаётся высотой контейнера, высота у них одинаковая, но, в тоже время правый .h-right сдвинут маргином сверху. Как вариант можно выставить левому блоку паддинг снизу чуть больше, что бы компенсировать сдвиг правого блока.

Что бы на странице моделей http://100faceufa.ru/portfolio.html правый блок помещал в себя всех моделей ему можно задать height: auto !important; min-height: 100%;

Но с другой стороны, можно переделать вёрстку чуть иначе. И не рассматривать вообще высоту левого и правого блока, их можно вообще выставить в авто. А вот фон рассматривать как отдельный элемент, его можно хоть куда влепить. Ведь блок !== фон блока. Можно фон этих блоков влепить хоть на бади хоть куда. Он не обязательно должен быть в тех же блоках.

[deadrash]

А в праздниках левую колонку поправить?

[Aidakaev]

Огромное спасибо дружище ты не реально крут

[Aidakaev]

Но с другой стороны, можно переделать вёрстку чуть иначе. И не рассматривать вообще высоту левого и правого блока, их можно вообще выставить в авто. А вот фон рассматривать как отдельный элемент, его можно хоть куда влепить. Ведь блок !== фон блока. Можно фон этих блоков влепить хоть на бади хоть куда. Он не обязательно должен быть в тех же блоках.

Я не совсем понял, как надо изменить верстку. проблема отображения остается когда правый блок больше нижнего (пример)

[deadrash]

Но с другой стороны, можно переделать вёрстку чуть иначе. И не рассматривать вообще высоту левого и правого блока, их можно вообще выставить в авто. А вот фон рассматривать как отдельный элемент, его можно хоть куда влепить. Ведь блок !== фон блока. Можно фон этих блоков влепить хоть на бади хоть куда. Он не обязательно должен быть в тех же блоках.

Я не совсем понял, как надо изменить верстку. проблема отображения остается когда правый блок больше нижнего (пример)

Да нет, всё нормально, вёрстку у вас менять не нужно, можно и так. Для примера можно сделать так: фон который у вас в левой колонке задайте для обёртки, и что бы обёртка принимала высоту своих потомков задайте ей авто высоту.

.holly {
    background: url("../img/left_holly.png") repeat-y scroll 0 0 transparent;
    height: auto;
}

Кстати есть ещё один способ решить вашу задачу.

.holly {
    display: table;
}
.left-holly {
    display: table;
    height: 100% !important;
    padding-bottom: 0;
    padding-top: 0;
}

Но в таком случае вам придётся забить на пользователей ie7 и ниже))