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

Question

[rizmaster]

Всем привет

Возникла проблема с позиционированием картинки (ноутбук и монитор), задаю ей абсолютное позиционирование, но на разных разрешения, картинка постоянно едет, подскажите как лучше сделать, чтоб она постоянна была по середине. Как только не делал, никак не выходит. То ли я рукожоп, то ли дизайнера ненавидеть)

Заранее благодарю

Answer 1

[Ankhena]

background-position-x: center

И выкладывайте свой код на jsfiddle.net

UPD:
Если картинку через img хочется, то как-то так: https://jsfiddle.net/w2hu6hrw/

Comments

[rizmaster]

я бы так сделал, но она, как видишь, на двух блоках сразу находится.

[rizmaster]

и она png-картинка

[Ankhena]

rizmaster: выложите свой код

[rizmaster]

Ankhena W: извиняюсь за дурацкий вопрос, вам же просто, html-код нужен?

[Ankhena]

rizmaster: не видно всего остального макета. Если темный и светлый фоны это картинки, то их можно сделать множественным фоном к одному большому блоку. А на него накладывать блоки.

[Ankhena]

rizmaster: код как у вас все сверстано с картинками и стилями. Иначе как увидеть что не получается?

[Ankhena]

rizmaster: если картинка через img https://jsfiddle.net/w2hu6hrw/

[rizmaster]

Ankhena W: да, у меня через img, не помогло. я видимо изначально не правильно сверстал, буду перевестывать, на примере как у вас, спасибо.
извиняюсь, код на данный момент не могу скинуть(((

[Ankhena]

rizmaster: префиксы для трансформ не забудьте

Answer 2

[noys]

можно использовать единицы измерения относительные размеру окна браузера vh vw

img {
    position: absolute;
    width: 20vw;
    top: 20vh;
    left: 40vw;
}

webgent.ru/css/units

Answer 3

[whoisthere]

Задавайте положение в пикселях