Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > fancybox сдвигает


Автор: baryshkov 15.11.2012, 21:50
Здравствуйте, подлючил fancybox, основной контент у меня в контейнере:
Код

<div style="width:1000px;margin: 0 auto;"></div>

При вызове окна, весь контент немного сдвигаеться вправо, почему?
Если убрать авто то все ок!

Автор: Aliance 16.11.2012, 10:46
Из-за скроллбара?

Автор: baryshkov 16.11.2012, 12:15
Цитата(Aliance @ 16.11.2012,  10:46)
Из-за скроллбара?

Из за того что прописанно auto, если контент выравняю в пикселях то все ок. там возможно див создаеться окна и его двигает. когда окно закрываю...все возвращаеться на свое место. дать пример?

Автор: baryshkov 18.11.2012, 17:33
??? up

Автор: baryshkov 23.11.2012, 12:55
Начал копать стили фанкибокса.....
если подправить:

.fancybox-lock {
        overflow: hidden;
}


заменить на

.fancybox-lock {

}


То все ок! 

Автор: Arantir 23.11.2012, 17:50
baryshkov, это значит, что на счет скроллбара Aliance был прав.
Чтобы не было коллизий, браузеры скроллбар не поверх контента рисуют. Скроллбар сдвигает контент влево, а отсутсвие скроллбара (по сравнению с присутствием) - вправо. В зависимости от браузеров, на 15-20px.

"overflow: hidden" скроллбар удаляет, а без overflow (т.е. overflow: auto) - добавляет при надобности.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)