избавиться от горизонтальной полосы прокрутки на слайд-шоу JQuery цикла

Question

Я ищу, чтобы избавиться от горизонтальной полосы прокрутки, которая появляется, когда окно браузера меньше 1900px http://focalpoint.wpconsult.net/

образы 1900px, но могут быть обрезаны при браузер меньше, пока слайд-шоу остается центрированным, а изображения не масштабируются, поэтому фиксированная ширина.

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

множество решений предлагают добавить переполнение, скрытое в элементе body, но это не позволяет прокручивать влево и вправо, чтобы читать содержимое в свернутом окне браузера. Я просто хочу, чтобы область слайд-шоу была отрезана спасибо за любые предложения!

Answer 1

Ваш #header-bg-imgdiv элемент имеет ширину 1900px и что вызывает прокрутку

Я считаю, что вам нужно, это добавить min-width:980px; и overflow:hidden на #wrap элемент

min-width позволит элемент расширить к большей ширине, но если он становится меньше 980 (, то что остальная страница предназначена для), это позволит прокручивать ..

Answer 2

Добавление overflow:hidden в ваш стиль #wrap приведет к удалению горизонтальной полосы прокрутки.