Как заставить блок с position: fixed позиционироватся от родителя?

Question

[Капитан Какао]

Все привет.
Такой вопрос.

Есть блок.center, ему задано position: relative;
Внутри баннер.banner, он зафиксирован на странице ему задано position: fixed
Но баннер позиционируется не от родителя к.center а от края браузера, от body

Вопрос в том, как блок с position: fixed заставить позиционироватся не от края браузера а от его родителя?

Для наглядности кидаю код, и скриншоты как есть и как нужно.

Answer 1

[Георгий Еремеев]

Создать блок с position: fixed, в него поместить блок со стилями ширины и позиции по горизонтали как у .center + добавить position: relative;, и уже в нем разместить .banner с position: absolute;

https://jsfiddle.net/3y361s18/3/

Comments

[Капитан Какао]

н есовсем понял, по вашему получается к блоку нужно прописать и position: fixed и position: relative, но так же нельзя.
Или я что-то не так понял, можете на примере моего кода показать.
(Структуру HTML можно менять)

[Георгий Еремеев]

Rad Cor: обновил ответ

[Капитан Какао]

Георгий Еремеев: спасибо большое, посмотрел работает! То что нужно, ещё не понял как, сейчас разбираться буду. Но результат как раз тот, который нужен. От души.

Answer 2

[Night]

У родителя position:relative
У дочернего элемента position:absolute

Comments

[Капитан Какао]

У родителя и так стоит position:relative, а вот у чаилда absolute не подходит, нужно именно fixed)