VPF::как растянуть div по высоте родителя

SadMan

Дата 17.10.2010, 21:25 (ссылка)

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

Загрузка ...

Новичок

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

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

Всем привет smile

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <style type="text/css">                
        .page { background-color:red;
                       
                       float:left;
                       
                }
        .left { background-color:green;
                         width:10px;
                         float:left;
                         height:10px;
                }
                .right { background-color:green;
                         width:10px;
                         height:10px;
                         float:left;
                }
        .text {background-color:yellow;
                      float:left;                          
                }
    </style>
</head>
<body>
    <div class="page">
             <div class="left"></div>
         <div class="text">text</div>
            <div class="right"></div>                             
    </div>    
</body>
</html>

Нужно сделать так чтобы блоки right и left растягивались по высоте родителя page в соответствии с текстом что будет в блоке text....
height:10px; в блоках right, left стоит для наглядности.

Всем спасибо ;)

ИванМ

Дата 22.10.2010, 15:10 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1260
Регистрация: 19.6.2006
Где: СПб

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

Только если задать точную высоту.

Это сообщение отредактировал(а) ИванМ - 22.10.2010, 15:21

ИванМ

Дата 22.10.2010, 15:27 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1260
Регистрация: 19.6.2006
Где: СПб

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

Для таких случаев придется использовать table.

SelenIT

Дата 24.10.2010, 15:07 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Если высота центра заведомо больше высоты боковушек, то можно попробовать примерно так. Если нет, но колонки заливаются сплошным цветом — то так. В самых запутанных случаях — как-то так. Или таблицей smile

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

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

SadMan

Дата 27.10.2010, 14:22 (ссылка)

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

Загрузка ...

Новичок

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

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

Всем спасиба за советы)

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