FancyBox, съзжает контент

[DastRule]

Здравствуйте уважаемые гуру.

Опыт в вёрстке имею минимальный, профиль не мой, однако возникла необходимость сделать один сайт.

Сайт имеет фиксированный размер и центрируется как по горизонтали так и по вертикали. Имеется необходимость в галерее, остановился на FancyBox (к слову в LightBox проблема аналогичная).

Суть в том, что при клике на картинке из галереи сбивается центрирование по горизонтали всего контента кроме этой самой картинки. После закрытия окошка галереи, сайт остаётся в таком-же положении.

Проблема замечена во всех браузерах кроме Оперы и (невероятно!) IE.

Изначальный вид:

Клик по картинке (всё уехало):

После:

Заметил одну особенность: в стиле fancybox - #fancybox-loading установлен атрибут display:none;, если его сделать что-то кроме none то съзжает всё сразу.

Заранее спасибо за помощь, чувствую где то туплю, не судите строго.

Edited March 25, 2012 by DastRule

[wildhind]

замечательно решили вопрос с вертикальным центрированием.

Однако если уж #wrapper { display: table-cell; }, то и вести оно себя будет как ячейка таблицы.

А как единственной ячейке таблицы шириной 1000px вести себя в таблице шириной 100%?

Не знаете?

Вот и файрфокс не знает. И Хром не знает.

И ладно бы это ещё в самом деле была таблица, так ведь нет, это всё блочные элементы, но в css такое!

Браузеры путаются и с ума сходят, а с ума сходят — вот и путаются.

Кстати, зачем вообще для #wrapper задана ширина?

его ведь задача только по вертикали центровать.

А центровать по горизонтали обучен #centered. И ему задана и ширина и margin: auto — всё как положено.

Уберите ширину у #wrapper. Не нужна она там. И всё заработает стабильнее.

[buddah]

#fancybox-content { position: absolute;} 

вместо

#fancybox-content { position: relative;} 

[wildhind]

buddah, там чуть глубже проблема. Нежелательный эффект, описанный топикстартером, проявляется и без подключения фансибокса.

[DastRule]

Спасибо, за ответы!

Порой понимаешь как нужен хороший сон. Я искал ошибку совсем не там где надо было. FancyBox совершенно не причём, в этом я убедился только открыв fierbug сегодня.

wildhind, воспользовался вашим советом, убрал у wrapper ширину и всё сразу стало работать как надо.

Edited March 25, 2012 by DastRule