Выравнивание по центру (position:absolute) если изначально ширина не известна.

[allanmiln]

Здравствуйте!

Столкнулся с такой фигнёй: есть div со свойством position:absolute
Как можно выровнять его по центру окна браузера?
Знаю, что можно сделать отступ left:50% а потом margin-left:-ширина/2,
но что делать, если изначально ширина блока не известна (тобишь она резиновая). Может с помощью JS как-то можно это реализовать?

[danik.js]

Выставить display:inline-block блоку и text-align:center родителю

[danik.js]

Выравнивание по центру (position:absolute)

есть div со свойством position:relative

[allanmiln]

ой, ошибся!
div absolute

[allanmiln]

Выставить display:inline-block блоку и text-align:center родителю

Пробовал, но не работает.

[danik.js]

Пробовал, но не работает.

C position:absolute работать не будет.

Делайте через js.

style.left = (parent.offsetWidth - this.offsetWidth ) / 2 + 'px'

[allanmiln]

var width = $('#pos').offsetWidth;
возвращает undefined.

[danik.js]

$('#pos')[0].offsetWidth или через jquery-метод $('#pos').width()

[allanmiln]

$('#pos').width(); возвращает null,
а $('#pos')[0].offsetWidth вообще ничего не возвращает.
фигня какая-то

[danik.js]

<div id="pos">Бла бла бла</div>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script>
    alert( $('#pos').width() );
    alert( $('#pos')[0].offsetWidth );
</script>