34 / 34 / 22
Регистрация: 18.03.2014
Сообщений: 174
1

Установить высоту блока по высоте изображения

26.10.2015, 15:59. Показов 1240. Ответов 0
Метки нет (Все метки)

Есть страница с блоком шириной 100% и внутри картинка заданной ширины, но не известной высоты (автоматически, пропорционально). Нужно чтобы высота блока становилась равная высоте картинки.
Делаю так:
Javascript
1
2
3
$(".servise_rc_img_block_ri img").load(function() {
    $(this).parent().css('height', $(this).width());
});
но проблема в том что таких элементов может быть несколько, и высота всех блоков становится равной высоте первой картинки.
как сделать чтобы высота у каждого блока была равна высоте вложенной в него картинке?
HTML5
1
2
3
4
<div class='servise_rc_img_block_li'>
    <img src='img/content/service/1.png' style='width: 240px;' />
    ...
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
.servise_rc_img_block_ri {
    width: 100%;
    background-color: #297641;
    padding: 0;
    margin: 8px 0;
    position: relative;
}
.servise_rc_img_block_ri img {
    padding: 0;
    margin: 0;
    float: right;
}
Добавлено через 1 час 12 минут
решил проблему с помощью display: table;
CSS
1
2
3
.servise_rc_img_block_ri {
  display: table;
  ...
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
26.10.2015, 15:59
Ответы с готовыми решениями:

Как установить скриптом высоту блока?
Здравствуйте. Если я пишу DIV style=height:100 onmouseover=this.stile.height=200 то...

Как сделать высоту блока равной высоте экрана?
Пробую делать height:100%, но как я понял, блок наследовать эти 100% начинает от родителя. Как мне...

Высота блока по высоте блока, следующего за ним
Здравствуйте, существует такая конструкция: &lt;div class=&quot;transparency&quot;&gt; &lt;!-- Это полу-прозрачный...

Найти высоту h0, а также кинетическую энергию тела на высоте h1 = 1 м
Тело массой m = 2 кг брошено вертикально вниз с высоты h0 с начальной скоростью v0 = 2 м/с и через...

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
26.10.2015, 15:59

Как сделать высоту div равной всей высоте документа (с полосой прокрутки)?
Всем доброго времени суток! Вопрос от новичка. На странице расположены два дива с классами...

Фон по высоте блока
Добрый день. Стоит задача сверстать подобный макет ( во вложении ). Центральный блок 930px....

Растяжка блока по высоте
И еще вопрос: есть ли универсальный способ растянуть по высоте блок div на всю страницу до конца...

Вопрос по высоте блока
Есть к примеру следующая страница: &lt;html&gt; &lt;head&gt; &lt;style type=&quot;text/css&quot;&gt; #header{ ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru