VPF::div с 100%-ой высотой - Форум программистов

lasalexx

Дата 5.2.2009, 15:55 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 192
Регистрация: 19.7.2004
Где: Tbilisi

Репутация: нет
Всего: 1

я делаю сайт с 100% - ой высотой в div - ах.

У меня три блока: левый, средний, правый.

Средний блок фиксированой ширины, левый и правый растягиваются в ширину.

Код


body {
    margin:0px;
    height:100%;
    }

#leftwing {
    position:absolute;
    background:#ff0000;
    left:0px;
    top:0px;
    width:50%;
    height:100%;
    min-height:100%;
    z-index:1;
    }
#middlewing {
    position:absolute;
    background:#00ff00;
    left:50%;
    top:0px;
    width:766px;
    min-height:100%;
    margin-left:-383px;
    z-index:2;
    }
#rightwing {
    position:absolute;
    background:#0000ff;
    left:50%;
    top:0px;
    width:50%;
    height:100%;
    min-height:100%;
    z-index:1;
    }

Код


<div id="leftwing"></div>
<div id="middlewing"></div>
<div id="rightwing"></div>

Но когда средний блок становится очень высоким (выходит вне зоны видимости экрана и появляется скрол), левый и правый остаются на уровне скрола. Изза этого средний блок получается выше чем левый и правый.

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

WebMast

Дата 6.2.2009, 09:09 (ссылка)

(нет голосов)

Загрузка ...

Front-end developer

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

Репутация: 2
Всего: 2

Цитата

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

Не таблицами ли?

--------------------

Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome

lasalexx

Дата 6.2.2009, 09:38 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 192
Регистрация: 19.7.2004
Где: Tbilisi

Репутация: нет
Всего: 1

WebMast,

Цитата

Не таблицами ли?

Наверно придётся таблицами :(

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »