Галерея на JS + выравнивание по центру

[vkapas]

Есть сайт на Drupal 7, в нём модуль Views Slideshow выводит при помощи jQuery Cycle Plugin галерею с меняющимися изображениями (пример можно увидеть по ссылке).

Проблема в том, что у меня не получается выровнять эту галерею по центру (по горизонтали). Например, при использовании

	display: block; 
	margin: 0 auto;

галерея выровнена по центру (сразу после открытия страницы), но, буквально через секунду (когда страница сайта загружается полностью) галерея прилипает к левому краю :-(. Как это исправить?

Я также пробовал различные способы с указанием процентной записи отступов слева-справа, но они работают некорректно из-за различной ширины изображений в галерее.

UPD. РЕШЕНИЕ:

.views_slideshow_cycle_slide {
        width: 100%;
}

- это класс блока с изображениями галереи, его создаёт сам jQuery Cycle

.project-slider img {
        display: block; 
        margin: 0 auto;
}

- этот класс присваиваем в свойствах представления в графе "Класс CSS".

По совету пользователя mishka.

Edited October 25, 2011 by vkapas

[DrStrangeLove]

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

Возможно где-то стоит float:left??

Можешь выложить больше кода??

[vkapas]

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

Возможно где-то стоит float:left??

Можешь выложить больше кода??

Вот эта страница :-)

[Arinden]

.view-content div {
margin-left: auto;
margin-right: auto;
}

А для вертикальных картинок подправьте ширину.

Edited October 24, 2011 by Arinden

[mishka]

cycle позиционирует слайды абсолютами.

Поэтому нужно меняющимся блокам задать ширину 100%, и в них картинку выровнять по центру,

либо с помощью display: block; margin: 0 auto;

либо text-align: center;

[vkapas]

.view-content div {
margin-left: auto;
margin-right: auto;
}

Спасибо, это помогло.

А для вертикальных картинок подправьте ширину.

Подскажите, если не сложно, как?

Если задать ширину как у горизонтальных (900px), то все слайды находятся по центру, но, естественно, вертикальные растягиваются :-(

Edited October 25, 2011 by vkapas

[vkapas]

cycle позиционирует слайды абсолютами.

Поэтому нужно меняющимся блокам задать ширину 100%, и в них картинку выровнять по центру,

либо с помощью display: block; margin: 0 auto;

либо text-align: center;

Ура! :-D

Вот такой код работает:

.views_slideshow_cycle_slide {
	width: 100%;
}
.project-slider img {
	display: block; 
	margin: 0 auto;
}

Спасибо!

Edited October 25, 2011 by vkapas