Как растянуть div внутри ячейки таблицы (table-cell) ?

Question

[kni9ht-ch]

Как растянуть div внутри ячейки таблицы (table-cell) ?

Пример - jsfiddle.net/knightch9x/pZjbL

Есть ли способ сделать содержимое красного блока по высоте, чтобы всегда было, как у зеленого, и наоборот? Спасибо!

Answer 1

[Юрий Лобанов]

Почему не сделать так? jsfiddle.net/pZjbL/3

Был такой вопрос, кстати
100% высоты в ячейке(display:table-cell) таблицы(display:table)
Посмотрите там ответ, ответа, кроме js нет. Вы конечно можете сделать как-нибудь так:
jsfiddle.net/iiil/KDc2L , если позарез надо, но как написал первый отвечающий - это необоснованно тяжелое и сложное решение.

Comments

[kni9ht-ch]

спасибо, но, такой способ реализации не подходит в моем случае, из за внутреннего строение блоков на самом сайте. Мне нужно именно блок в блоке.

[Юрий Лобанов]

@kni9ht-ch изменил ответ, дополнил. Возможно стоит пересмотреть структуру сайта в таком случае.