проблемa с позиционированием блоков

[kuzja]

Доброго времени суток!

Для создания галереи фото нужен был скрипт, нашла его на просторах Интернета... Подогнала под свои нужды, но вот не задача - в Опере при нажатии на превью затемнение экрана происходит не полностью....

В Мозилле и ИЕ8 - все нормально.

Но проблема мне видится не в скрипте, а в позиционировании.

Ссылка на галерею:

http://www.hlebdom.ru/gallery_museum.html

Может кто знает, как эту проблему решить?

Edited October 15, 2010 by kuzja

[Чебурашка]

В мозиле, хроме и ие тоже работает криво. Поставьте нормальный скрипт и не мучайтесь http://fancybox.net/ (перевод на русском http://ruseller.com/lessons.php?rub=32&id=238)

[kuzja]

спасибо за предложение!

а в чем у Вас кривизна заключается в Мозилле и ИЕ8?

[Чебурашка]

Тоже, что и в опере - затемняется лишь 3/4 экрана. В ие при этом, появление и затухание происходит не плавно, а рывками.

[kuzja]

Тоже, что и в опере - затемняется лишь 3/4 экрана. В ие при этом, появление и затухание происходит не плавно, а рывками.

странно. У меня в мозилле 3.6.10 все хорошо, рывков нет.

А если не менять, что-то можно сделать?

[Kaylang]

<script type=text/javascript> лучше заключать в скобки <script type="text/javascript">

Но основная проблема в том, что затемняющий див задвинут за левый край на 470px. Ищите в скрипте, где задается это значение.

<DIV style="Z-INDEX: 5; POSITION: absolute; BACKGROUND-COLOR: #000000; DISPLAY: none; TOP: 0px; left:-470px; opacity: 0" id=canvas></DIV>

ЗЫ. В FF 3.6.10 рывков нет, но затемняющий див смещен влево так, что справа остается незатемненная полоса.

Edited October 15, 2010 by Kaylang

[kuzja]

спасибо, попробую

[kuzja]

честно говоря, ничего путного у меня не получилось....

никак я с позиционированием не разберусь

изначально кусок кода с позиционированием выглядел так

<DIV style="Z-INDEX: 5; POSITION: absolute; BACKGROUND-COLOR: #000000; DISPLAY: none; TOP: 0px; left:0px; opacity: 0" id=canvas></DIV>

как это выглядит на деле, смотрите страницу

http://hlebdom.ru/gallery_flowers_auto1.html

блок, как я понимаю, позиционируется относительно основного блока с такими свойствами:

#osn {

position: absolute;

left:50%;

margin-left:-478px;

width: 956px;

background-color: #FFFFFF;

}

пыталась, меняя значения left, добиться полного затемнения экрана

для экрана шириной 1280px при left:-150px выглядит так

http://hlebdom.ru/gallery_flowers_auto.html

лучше стало...

но для других экранов - полный швах...

можно как-то добиться добиться, чтобы затемнение было полным, независимо от размера экрана и браузера?

что нужно изменить? Подскажите, пожалуйста!!!

[psywalker]

Если ты хочешь на весь экран, то зачем тогда ширину прописываешь? width: 956px;

[kuzja]

Если ты хочешь на весь экран, то зачем тогда ширину прописываешь? width: 956px;

это ширина основного блока - т.е. ширина html-ной страницы, выводимой на экран. По краям от нее (до полной ширины экрана) - просто заливка цветом.