FOOTER является создание горизонтальной полосы прокрутки

Question

Это веб-сайт В настоящее время я работаю над:

http://whybaguio.com/php/about/about.php

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

Спасибо!

Answer 1

Это потому, что вы указали как 100% widthиpadding на block элемента. Если вы не слишком беспокоили о older IE versions, вы можете это исправить, просто добавив:

#footer { 
    width:100%; 
    padding:30px; 
    ... 
    -webkit-box-sizing:border-box; /* Older webkit */ 
    -moz-box-sizing:border-box; /* Firefox */ 
    box-sizing:border-box; 
} 

Вы также можете дать своей страницы bodymargin 0, чтобы футер полностью достичь левого, правого и нижнего экрана.

Answer 2

Это потому, что вы используете 100% на #footer, а также применяете 30px padding влево и вправо, что добавит более 100% ширины экрана.

Удалить ниже CSS из #footer:

padding: 30px; 

Answer 3

пробельных слева футера является запас по умолчанию/набивка, которая находится на метке тела. Кроме того, ваш нижний колонтитул имеет ширину 100% + отступы, что вместе означает более 100%. Если вы удалите 100% -ный оператор, браузер сделает его 100% бидж по умолчанию и скомпенсирует заполнение.

Примените следующие два изменения в ваш CSS и все будет хорошо:

body { 
    padding: 0; // add this line 
    margin: 0; // add this line 
} 

#footer { 
width: 100%; // remove this line 
} 

Answer 4

Установите padding-left: 0; и padding-right:0; на футере div. Мне также интересно ... Почему уродливые пользовательские полосы прокрутки?

Answer 5

попробовать:

#footer{ 

... 
padding: 30px 0; 
... 

}