Таблица из div

Статус
Закрыто для дальнейших ответов.

Volly

Well-Known Member
Регистрация
21.03.2012
Сообщения
831
/* css */
#t {display: table; width: 150px;}
#r {display: table-row;}
#a {display: table-cell; width: 33%;}
#b {display: table-cell;}
#c {display: table-cell; width: 33%;}

<!-- html -->
<div id="t">
<div id="r">
<div id="a">a</div>
<div id="b">b</div>
<div id="c">c</div>
</div>
</div>

Возможно ли сверстать так, чтоб при пустом div-е id=a и/или id=с автоматом id=b становился шире на их/его ширину?
 

motek

злой как @
Регистрация
13.04.2010
Сообщения
730
так ведь у этих дивов ширина прописана, пустые они или полные...
 

Volly

Well-Known Member
Регистрация
21.03.2012
Сообщения
831
Это для примера я прописал ширину.
А смысл такой.
В среднем диве всегда есть текст.
В правом блоке текст может быть, а может и не быть ничего.
Тоже самое в левом блоке.
Если есть текст во всех блоках, то ширина каждого должна быть третья часть от родителя.
Если ничего нет в левом блоке, то ширина среднего должна быть две третьи от родителя, а правая все равно треть.
Аналогично и с правым блоком.
Если нет ничего в обоих боковых, то средний должен быть шириной 100%.

Можно добавить блоки внутрь или обернуть имеющиеся и написать любые правила стилей - главное чтоб было третья часть, две трети и 100% в зависимости от наполнения боковых блоков.

У меня это не получается.
Или это без js не возможно?
 

mrlasking

$_GET['rich'] or die('trying');
Регистрация
22.05.2012
Сообщения
323
Логику верстки правильно корректировать на серверной стороне, а не на пользовательской. Когда вы генерируете страницу, например, на пхп, вы уже знаете - будет контент в ячейке или нет. И вот, на бэкэнде и закладывайте условия строения шаблона.
В случае, если контент боковой есть - выводите 3 блока, если его нет - выводите 1 блок с шириной 100%.
 
Статус
Закрыто для дальнейших ответов.
Верх Низ