[cOAPerator]

есть конструкция:

Код HTML:

<div> <div style="float: left; width: 200px;">левый блок</div> <div style="width: 100%">центральный блок</div> <div style="float: right; width: 200px;">правый блок</div> </div>

Задача: сделать растяжение центрального блока до полной ширины, при "динамическом" удалении левого или правого блока.
условие: левый и правый блоки в данном случае динамические условно, то есть: на одной странице нет левого блока, на другой странице нет правого блока. флаг отсутсвия блока установлен для каждой страницы в админке сайта.

я пробовал играться со свойством display, но безрезультатно.
в принципе есть 1 рабочий вариант: это создать вот такой <div style="float: $flag"></div> и вынести его в логику скриптов, и менять динамически, но это имхо лажа полная, потому что придется выносить 3 див блока сразу, и менять у них всех состояние.

Ребят помогите, оч надо.

пс: кроссбраузерность очень желательна, НО IE в расчет можно вообще не брать! сайт для IE запрещен частично к просмотру.

[kvins]

Ты как то все в разброс спрашиваешь, что не очень понятно что тебе нужно

Ты говоришь о макете где в одной странице 2 колонки а на другой 3 ?

[Dolmatov]

Так если один блок удаляется, то центральный должен на автомате стать 100%
Или удаляется только содержимое, а <div style="float: right; width: 200px;"> остаётся?

[shvv]

Сайт фиксированной ширины?

[cOAPerator]

Ты говоришь о макете где в одной странице 2 колонки а на другой 3 ?

я говорю о макете в котором 3 колонки используется по умолчанию, но на некоторых страницах отсутствует левая либо правая либо обе колонки

Так если один блок удаляется, то центральный должен на автомате стать 100% Или удаляется только содержимое, а <div style="float: right; width: 200px;"> остаётся

верно, удаляется весь див

Сайт фиксированной ширины?

да. фиксированный

[semyon]

верно, удаляется весь див

Тогда в чем проблема? Сделать условия, когда удаляются\не удаляются блоки, при удалении, как Dolmatov написал, див с не фиксированной шириной растянется на всю ширину.
А width из "резинового" блока лучше убрать...
Или можно использовать мин\макс width

[kvins]

Тогда еще один вопрос все три колонки обернуты в див с фиксированной шириной, если да, то центральный блок нужно вставить width:100%; если нет, то в шаблоне все 3 или 2 блока это не важно должны находится в еще одном блоке с фиксированной шириной

[Morgan]

Сделал бы так _http://jsfiddle.net/V9Q8m/2/

[cOAPerator]

semyon, kvins, ребят, вы меня простите безмозглово, но я совсем уже запутался что и где вставлять и чему что прописывать

Тогда в чем проблема? Сделать условия, когда удаляются\не удаляются блоки, при удалении, как Dolmatov написал, див с не фиксированной шириной растянется на всю ширину.

пробовал, в том и проблема, он разъезжаться до полной ширины не хочет, так как у него margin задан, чтобы стоять в одной строке с левым и правым блоками. а если margin убрать то они стоят друг под другом.

Morgan, да, ваш вариант работает, есть еще вот такой http://jsfiddle.net/FhS44/2/ вариант, только в нем есть косяк, с border-left:solid 200px #5d9ce7; border-right:solid 200px #5de797; - их нельзя сделать прозрачными, как обычные див блоки.
ваш вариант вроде как подходит.

[cOAPerator]

Morgan, в вашем варианте нельзя будет внути center_content использовать свои div блоки например с заданным свойством border 1px solid #000000;
получается вот такая картина


а надо, поэтому продолжу искать решение