Как урезать картинку по высоте?

Question

[Влад]

Ссылка: _adlab.ee/projects/7jum/

Подскажите, плс, как этой картинке прописать свойство, чтобы высота её автоматически сжималась до высоты второй и третьей колонки на странице?
Чтот я уже куда тольк ни дописывал height: auto и 100%.. не помогает

Answer 1

[MickeyMouzzze]

Возьми изображение в блок и блоку задавай высоту и ширину
<div><img></div>

Comments

[Влад]

изображение уже в блоке. А можно как-то сделать, чтоб высота не была фиксированной, а автоматически изображение равнялось остальным двум столбцам справа?

Answer 2

[Александр Пупкин]

img {
    max-width: 100%;
    height: auto;
}

Comments

[Влад]

не помогает

[Александр Пупкин]

Чего нет то?

Сделайте так:

#tehnika img {
    /* width: 100%; *//убрать
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0 auto;
}

[Влад]

Александр Пупкин: сделал. изображение всеравно уходит далеко вниз joxi.ru/DmBXVk9IwzadGA

[Александр Пупкин]

Аааа, вы хотите чтоб эти все изображения вместились до фиолетовой линии?

[Влад]

Александр Пупкин: да

[Влад]

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

[Влад]

через position absolute получается... но это наверн кривой вариант..

[Александр Пупкин]

может вам поможет @media-query? Например от 1200px экрана задать width:50%; до 600px, а от 600 убрать width:50%