VPF::left div + right div + center div = 100% width - Форум программистов

devmstr

Дата 5.7.2010, 12:12 (ссылка)

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

Загрузка ...

Developer

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

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

Есть контейнер и 3 дива

Код


<div id="container" style="width:100%;">
    <div id="left" style="width:201px; float:left;">
     .... 
    </div>
    <div id="centre" style="float:left;">
     ....   
    </div>
    <div id="right" style="width:135px; float:right;">
     ....
    </div>
</div>

Как можно сделать так чтобы центральный див занимал всю свободную площадь которая остается между правым и левым дивом, т.е.
containerDivWidth = leftDivWidth+ rightDivwidth + centreDivWidth;

Подскажите пожалуйста.

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

Think different ©Steve Jobs
user posted image

mcTep

Дата 5.7.2010, 13:50 (ссылка)

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

Загрузка ...

Бывалый

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

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

#centre {
    float: none;
    margin-left: 201px;
    margin-right: 135px;
}

AXS

Дата 6.7.2010, 21:19 (ссылка)

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

Загрузка ...

Шустрый

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

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

И порядок поменять...

Код


    <div id="left" style="width:201px; float:left; display: inline;">
     .... 
    </div>
    <div id="right" style="width:135px; float:right;">
     ....
    </div>
    <div id="centre" style="float:none; display: block; margin-left: 201px; margin-right: 135px;">
     ....   
    </div>

Ибо див с display: block; (а именно он и нужен чтобы заполнить оставшееся пространство между сайдбарами) вытеснит правый блок вниз если тот будет идти после него...

Это сообщение отредактировал(а) AXS - 6.7.2010, 21:20

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

<><><> AXS - Live Organizer v1.0 <><><> 0_o

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