Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > left div + right div + center div = 100% width

Автор: devmstr 5.7.2010, 12:12

Есть контейнер и 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;

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

Автор: mcTep 5.7.2010, 13:50

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

Автор: AXS 6.7.2010, 21:19

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

Код


    <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; (а именно он и нужен чтобы заполнить оставшееся пространство между сайдбарами) вытеснит правый блок вниз если тот будет идти после него...