Позиционирование должно идти по видимой области браузера(position: absolute)?

Question

[big_hasan]

https://jsfiddle.net/2ny2gs1a/1/
По клику должно появиться что-то вроде модального окна (скрипт не смог прикрутить и показать, извиняйте, поэтому только статика).
Данные расположены на странице в двух рядом стоящих блоках. Блок модального окна имеет позиционирование absolute.
"При абсолютном позиционировании элемент не существует в потоке документа и его положение задаётся относительно краёв браузера." (http://htmlbook.ru)
Однако в моем случае позиционирование происходит, говоря простым языком, по месту расположения - в какой точке вызывается, там и располагается, а не по краям браузера.
В чем загвоздка? Нужно независимо от расположения остальных элементов позиционирование по центру браузера.

Answer 1

[Антон Федорян]

Может не совсем верно понял вопрос, но вот

Answer 2

[Алексей Струков]

У вас ошибка в определении. Абсолютно-позиционированный элемент размещается относительно ближайшего предка с позиционированием, отличным от static.
А вот фиксированное позиционирование оно уже задается относительно окна браузера.

Answer 3

[Ivan Bogachev]

Модальные окна лучше позиционировать с помощью position: fixed, например так - как раз это работает для видимой области (а не абсолютное позиционирование). Вы можете посмотреть разные способы позиционирования например на сайте w3schools

Answer 4

[Максим]

псевдо-модальные окна CSS - i.plazti.ru/f/ru/plazti/modal.css позиционирование по центру + много всего