Вход

Просмотр полной версии : Три блока = три столбца


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
Проблема решена
Забыл див закрыть) Закрыл и все как надо
Вообще-то, приведенного кода недостаточно по условию задачи :)
<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>
цифры изменил для наглядности