Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Три блока = три столбца (https://javascript.ru/forum/dom-window/42219-tri-bloka-%3D-tri-stolbca.html)

Sherminator 17.10.2013 13:04

Три блока = три столбца
 
Как превратить три блока в три столбца так, чтобы крайним можно было задать размер по 300px а центральный остаток от боковых. Например:

<div style="width:1000px">
          <div style="width:300px">блок 1</div>
          <div>блок 2</div>
          <div style="width:300px">блок 3</div>
</div>

Sherminator 17.10.2013 13:27

Проблема решена
 
Забыл див закрыть) Закрыл и все как надо

BETEPAH 18.10.2013 00:16

Цитата:

Сообщение от Sherminator
Проблема решена
Забыл див закрыть) Закрыл и все как надо

Вообще-то, приведенного кода недостаточно по условию задачи :)
<div style="width:400px">
          <div style="width:100px; background: #ccc;">блок 1</div>
          <div>блок 2</div>
          <div style="width:100px; background: #ccc;">блок 3</div>
</div>

проще всего это сделать таблицей:
<div style="width:400px; display:table">
          <div style="width:100px; background: #ccc; display: table-cell">блок 1</div>
          <div style="display: table-cell">блок 2</div>
          <div style="width:100px; background: #ccc; display: table-cell">блок 3</div>
</div>

цифры изменил для наглядности


Часовой пояс GMT +3, время: 06:25.