Проблема с минимальной шириной полосы прокрутки CSS DIV

У меня есть вращающийся заголовок изображения (с использованием jquery Cycle) шириной 1400 пикселей. Сайт, на котором он находится, имеет ширину 960 пикселей.

При изменении размера браузера я получаю горизонтальные полосы прокрутки на 1400 пикселей. Мне нужно, чтобы они ТОЛЬКО начинались с 960 пикселей, а НЕ 1400 пикселей.

Это возможно? Мне также нужно, чтобы изображение заголовка оставалось в центре при изменении размера.

Посмотреть сайт и выпуск можно здесь....

http://108.174.144.176/~momandpo/

jquery css background-image jquery-cycle
person lowercase    schedule 16.08.2012    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вы должны заставить контейнер и дочерние элементы иметь ширину 100%, чтобы он не увеличивал макет. Поскольку вы используете центрированное фоновое изображение, оно останется центрированным и будет автоматически обрезано в зависимости от ширины окна.

#bg_containers,
#bg_containers > div {
  width: 100% !important;
}

Чтобы избежать использования !important, вы можете изменить скрипт, чтобы он не устанавливал фиксированную ширину для этих элементов.

person LeBen    schedule 16.08.2012
comment
Это сработало! У меня было установлено 100% для обоих div, но это не удалось. Как только я добавил !важно - все заработало, спасибо за подсказку! - person lowercase; 16.08.2012

arrow_upward
2
arrow_downward

Попробуйте добавить этот css:

#bg_containers div {
  width:100%;
}

У вас есть один контейнер #bg_container и несколько дочерних div.

person LLAlive    schedule 16.08.2012