Хоризонтално/ вертикално центриране на снимка в изнесен слой

Post Reply
sizif
Потребител
Потребител
Posts: 1197
Joined: Fri Sep 22, 2006 8:13 pm
Answers: 72

Хоризонтално/ вертикално центриране на снимка в изнесен слой

Post by sizif » Sun Mar 06, 2011 9:32 am

Здравейте!

Имам страница с изображения, разположени в блокова структура. При клик всяка снимката се показва в изнесен слой като с javascript й се задава следния стил:

#img_pr
{
position: absolute;
left: auto;
top: auto;
z-index:1;
}


Проблемът е, че при изнасянето в горния слой браузърът праща снимката на майната си, а не я центрира по хоризонтала и вертикала.

Мога ли с CSS да центрирам снимката по хоризонтала и вертикала спрямо екрана (а не спрямо документа!) ?

Приемам всякакви разумни предложения!
Благодаря предварително!

User avatar
tedo96
Гуру
Гуру
Posts: 2816
Joined: Mon Feb 21, 2011 6:31 pm
Answers: 219
Location: Пловдив

Post by tedo96 » Sun Mar 06, 2011 9:37 am


User avatar
dELux_nike
Гуру
Гуру
Posts: 2222
Joined: Sat Apr 04, 2009 4:53 pm
Answers: 292

Post by dELux_nike » Sun Mar 06, 2011 4:27 pm


sizif
Потребител
Потребител
Posts: 1197
Joined: Fri Sep 22, 2006 8:13 pm
Answers: 72

Post by sizif » Sat Mar 12, 2011 2:07 pm

Здравейте!

Благодаря за предложенията!

Извинявам се, че отговорът ми се забави толкова, но едва днес имах възможност да направя тестове. За съжаление нито едно от решенията не включва едновременно следните три условия:
1) изнесен слой
2) центриране по размера на екрана. Иначе казано елементът да се позиционира там където разглежда потребителят (хипотеза, в която страницата може да е с произволна височина, в случая по-дълга)
3) произволен размер на изнесения елемент

Спрях се на компромисно решение - допълнителен прозорец :(

Post Reply