Определенная ширина div, вызывающая страницу для прокрутки по горизонтали

Question

Этот раздел ниже вызывает горизонтальную прокрутку страницы на более мелких 1450px-браузерах. Я думал, что переполнение будет исправлять эту проблему, но не кажется ... может быть, что-то, что мне нужно сделать для родительского div. Есть идеи?

http://barr-display.mybigcommerce.com/

#Header { 
    position: relative; 
    clear: both; 
    width: 1450px; 
    min-height: 190px; 
    overflow: hidden; 
    background: url('/content/headerbg3.jpg') repeat-x; 
    } 

Answer 1

На теле вам нужно следующее

body { 
    width:100%; 
    overflow:hidden; 
} 

причину, по которой код не работает в том, что вы устанавливаете overflow на ребенка (#header), когда она должна быть установленный на родительском элементе.

Answer 2

Добавьте эти строки в CSS:

html, body { 
    width:100%; 
} 
body { 
    overflow-x:hidden; 
} 

Вам нужно overflow-x поэтому вертикальная полоса прокрутки не исчезает. Также удалите overflow: hidden; из #Header.

Answer 3

Похоже, вы хотите три вещи:

1. Нет полосу прокрутки, когда заголовок изображение обрезано.
2. ДА для прокрутки, когда содержимое главной страницы отключается.
3. Способность вашего фона заголовка расширяться вправо, если окно браузера широко.

Вам действительно нужно опубликовать более соответствующий код здесь. Тем не менее, я смотрю на вашем сайте, и это будет исправить:

1. Изменения правила для #outer:

#Outer { clear: both; margin: 0 auto; min-height: 190px; width: 1024px; }

1. Удалить маржинальное и ширину правило от # наружных х и заменить на width:100%;overflow-x:hidden;