Размер изображения под соседний блок?

Question

[madcore]

Какие правила прописать в CSS для левого блока при том чтоб при заполнении правого блока текстом картинка подгонялась бы под него (на всю высоту)
(ПС. Там картинка бэкграундом стоит)

Answer 1

[VA_ic2b]

Родительскому элементу, содержащему блок с текстом и блок с "картинкой" задайте свойство display: table-row. Дочерним блокам - свойство display: table-cell.
При этом не забудьте указать ширину дочерних блоков (в сумме 100% родителя).
А уж теперь background-size: cover

Answer 2

[kn1ght_t]

background-size: cover;

Comments

[madcore]

ставил - но еще и нужно указать height иначе ее вообще не показывает - но тогда получается что высота фиксированая и не зависит от правого блока

[kn1ght_t]

madcore: так сделайте зависящей, например, через таблицу с 2 ячейками

Answer 3

[Lumore]

Блоку с изображением дайте высоту родителя и все будет отлично. Код будет примерно таким:

<div class="row">
<div class="col-xs-6 image">image</div>
<div class="col-xs-6 content">content</div>
</div>

.image {
height: inherit;
background: url('url');
background-size: cover;
}
.content {
...
}

Comments

[madcore]

не работает