Как установить эту картинку методом position: absolute, правильно?

Question

[Дмитрий Анисимов]

Ссылка на сайт - dima.getmarkets.ru
Картинка проблемы:

Описание проблемы: При уменьшении окна браузера, картинка не прижата к самому низу. Как следствие под ней образуется ненужное место.

Answer 1

[hellcaster]

Я думаю, что тут лучше подойдет background image

Comments

[Дмитрий Анисимов]

А нет вариантов спасения с position: absolute?
Просто, наверняка, будут моменты в будущем, когда это мне пригодится.

[WapSter]

Дмитрий Анисимов, z-index

[Дмитрий Анисимов]

WapSter, Тут проблема не в нем. А в том, что он прижат не к концу секции, и я не знаю, что с этим делать

[hellcaster]

Дмитрий Анисимов, секции задать
position: relative
а картинке

position: absolute;
 bottom: 0

(если нужно к низу страницы, если нужно по центру, то

top: 50%; 
transform: translateY(-50%);

)

[Дмитрий Анисимов]

hellcaster, Спасибо большое!

[Darya Shvakh]

Дмитрий Анисимов,

Как установить эту картинку методом position: absolute, правильно?

Никак.

ненужное место

образуется из-за

.optimization {
    padding-top: 102px;
    padding-bottom: 107px;
}

А

картинка

у вас в дочернем элементе, т.е. все "манипуляции" при помощи absolute - "не поднимут" его по структуре до родителя, у которого

.optimization {
    padding-top: 102px;
    padding-bottom: 107px;
}

[Дмитрий Анисимов]

Darya Shvakh, Почему тогда на этом сайте все работает? - https://lololoshkashop.net/
там такая же ситуация.

[Andrey Vasilev]

Дмитрий Анисимов,
где тут absolute?

[Дмитрий Анисимов]

Andrey Vasilev,

[Andrey Vasilev]

Дмитрий Анисимов, там есть контейнер определенный, у которого фикс. ширина/высота, на нем стоит position: relative. на жителе стоит

position: absolute; 
right: 0; 
top: 50%;
transform: translateY(-50%);

Как-то так

+

top: 50%;
transform: translateY(-50%);

это центрирование по вертикали

[Andrey Vasilev]

Дмитрий Анисимов, https://codepen.io/Nolis/pen/xxZEWLM пойдет?

[Дмитрий Анисимов]

Andrey Vasilev, Спасибо! Долго пытался разобраться как у них это все работало)

[Andrey Vasilev]

Дмитрий Анисимов, обращайся)