Div по центру c position:absolute;

[BeetleJuice541]

Столкнулся с такой проблемой,делаю галерею на сайте.

При нажатии появляется div с картинкой,и все сделал,но мне нужно чтобы этот div был по центру страницы.

Как вы понимаете,для div стоит position:absolute; и z-index;

Что делает невозможным выставить его по центру.

Прописать margin-left - не получается,т.к. картинки разные по размеру.

Вот css для div 

#conteiner_2{/* фон  в гал  */width: auto;height: auto;visibility: hidden;opacity:0;position:absolute;z-index:4;border: 2px solid #328efd;background:white;border-radius:25px;-webkit-transition: opacity 400ms,width 400ms,height 400ms,visibility 400ms ;}

Вот у меня и возникла проблема,как сделать блок по центру,но при этом чтобы он был выше всех остальных(z-index)

думаю нужно добавить,сайт состоит из 3 колонок,левая,правая,центральная.

[npofopr]

Посмотрите, как это делает, например, fancybox

[Z1gnet]

можно обернуть еще в один див и его позиционировать абсолютом и задайте text-align:center, а внутри будет ваш див на который задайте display:inline-block  и он встанет посередине. это перво решение которые приходит в голову. и не нужно никаких скриптов лишних подключать.

[BeetleJuice541]

можно обернуть еще в один див и его позиционировать абсолютом и задайте text-align:center, а внутри будет ваш див на который задайте display:inline-block  и он встанет посередине. это перво решение которые приходит в голову. и не нужно никаких скриптов лишних подключать.

способ работает,но не совсем так как нужно.

Он выравнивает по центру,но делает от левого края вложенного div.То есть берется левый край вложенного div и ставится на центр.А мне нужно чтобы центр вложенного div был по центру основного div.

можно обернуть еще в один див и его позиционировать абсолютом и задайте text-align:center, а внутри будет ваш див на который задайте display:inline-block  и он встанет посередине. это перво решение которые приходит в голову. и не нужно никаких скриптов лишних подключать.

прошу прощения,все работает,я забыл убрать  position:absolute; c вложенного div

СПАСИБО БОЛЬШОЕ!!!!

Простите еще раз

[ows.nightwolf]

либо вариант без обертывания в дополнительный div, но работает в IE9+:

left: 50%;transform: translateX(-50%);