Елемент изчезает когда задаю Position: Absolute?

Question

[ALEX]

Добрый день, на странице https://irishwhiskey.flyingfish.ie/ есть 2 маленьких сбока справа для которых нужно задать нужный aspect ratio. Для этого я контейнеру задаю padding-top, a самой картинке position:absolute. Такой способ всегда работал, но эти 2 блока были всерстаны кастомно, там display:flex. При задании position:absolute картинка просто исчезает. Буду благодарен за любую помощь.

Answer 1

[WapSter]

pos relative. И тут вообще не нужно позиционировать

Comments

[ALEX]

тоесть картинке ставить pos relative?

[WapSter]

Александр Ожиняк, неа обёртке скорее или другому родителю. Ну а так тут реально позиционировать не нужно

[ALEX]

WapSter, можете пожалуйста более детально обьяснить, потому что я пробую и не выходит, и не до конца понял как должно быть, буду очень благодарен за вашу помощь)

[WapSter]

Александр Ожиняк, ссылку можешь дать на результат где картинки исчезают помогу.

[ALEX]

WapSter, https://irishwhiskey.flyingfish.ie/ Вот тут для верхнего правого бока я задал эти стили и картинка просто исчезла

[ALEX]

WapSter, Есть какой-то результат?, я как пытаюсь ничего не получается(

[WapSter]

Александр Ожиняк, извиняюсь был не дома. У меня все хорошо отображается

[ALEX]

WapSter, не получается открыть вашу картинку

[WapSter]

Александр Ожиняк, открыть в новой вкладке, или просто открыть. Тостер запрещает изображения со скриншотеров. вот забыл включить адаптацию с ретины.

[ALEX]

WapSter, да, но это нижний блок, а есть еще верхний к которому я применил стили которые в теории должны сделать правильное соотношение сторон, а в итоге картинка пропала и остался только текст, вы можете зайти туда и посмотреть код

[WapSter]

Александр Ожиняк, убрать релатив у .et_pb_post .entry-featured-image-url, убрать паддинг топ и релатив у .wrap3. хз зачем это делать.

[WapSter]

@alex5792, результат

Answer 2

[Егор Живагин]

Проблема актуальна?

Не очень понятно, какой результат вы хотите получить. Точно понятно - вам не нужен position: absolute

Comments

[ALEX]

Очень актуальна, мне нужно этой картинке задать четкое соотношение сторон (16:9) . Всегда когда находил решение этой проблемы там использовали padding-top для контейнера a самой картинке position:absolute. Это работает в других местах, но в этом случае не работает,так как я использую display flex и при установлении position:absolute картинка просто исчезает. Вот сайт https://irishwhiskey.flyingfish.ie