Position:absolute

[brezze]

Друзья, подскажите пожалуйста. Есть абсолютно спозиционированный элемент. Все-бы хорошо, но при горизонтальном уменьшении окна, любой такой элемент начинает уезжать со своего места. Как с этим бороться ?

 

ЗЫ. Единственное, что приходит на ум, это через медиа запросы возвращать этот элемент на своё место под разные разрешения... )

Edited May 5, 2017 by brezze

[klierik]

position: fixed;

 

Ну и, конечно же, имеет значение как указаны отступы: $ || px

[brezze]

10 минут назад, klierik сказал:

position: fixed;

 

Ну и, конечно же, имеет значение как указаны отступы: $ || px

Я наверно, неправильно выразился чего хочу. При фиксированом позиционирование элемент начинает двигаться вместе со скролл баром по всему сайту. Этот вариант не подходит. Меня интересует как сделать, чтобы абсолютный элемент оставался на своем месте при горизонтальном сворачивание сайта. Отступы задал и в % и в px, результат один и тот же. 

[Q4Dizzy]

Элемент в абсолютном позиционировании размещается либо:

1 -Относительно род. элемента - род. элемент должен иметь относительное позиционирование

position: relative;

или абсолютное

position: absolute;

2 - если никакие родительские элементы не имеют position: relative/absolute;

То позиционируется от тега html, body, тобищ от самой страницы-окна

Вам надо просто почитать про тему с позиционированием.. Эта тема одна из самых сложных для тех, кто только учится html + css.

 

Если надо - могу пояснить детальнее... Сорри, если не совсем внятно пояснил.

Edited May 5, 2017 by Q4Dizzy

[brezze]

25 минут назад, Q4Dizzy сказал:

Элемент в абсолютном позиционировании размещается либо:

1 -Относительно род. элемента - род. элемент должен иметь относительное позиционирование

position: relative;

или абсолютное

position: absolute;

2 - если никакие родительские элементы не имеют position: relative/absolute;

То позиционируется от тега html, body, тобищ от самой страницы-окна

Вам надо просто почитать про тему с позиционированием.. Эта тема одна из самых сложных для тех, кто только учится html + css.

 

Если надо - могу пояснить детальнее... Сорри, если не совсем внятно пояснил.

Если не сложно, посмотри пожалуйста этот код. Что я тут портачу ?) Вместо блоков у меня картинки, но это не суть важно. Если начать уменьшать страничку, красный блок начинает уезжать со своего места в левую сторону. Интересно узнать, как это исправить ? Спасибо 

 

[John106]

8 минут назад, brezze сказал:

Если не сложно, посмотри пожалуйста этот код. Что я тут портачу ?) Вместо блоков у меня картинки, но это не суть важно. Если начать уменьшать страничку, красный блок начинает уезжать со своего места в левую сторону. Интересно узнать, как это исправить ? Спасибо 

 

Вот так вам нужно?

 

[brezze]

9 минут назад, John106 сказал:

Вот так вам нужно?

 

Вот я тупырло конечно, спасибо огромное, именно так и нужно было ))