Как убрать горизонтальную прокрутку «…у меня проблема, если параметр padding: 20px; меняю хоть на 1 пиксель меньше 20ти то появляется горизонтальная прокрутка, что только не пробовал, кстати у вас она (прокрутка) тоже имеет место быть. Как избавится от этого?» Этот вопрос возник в одном из комментариев к статье о резиновой теме F2. В тот момент я не смог адекватно ответить и подсказать посетителю, как решить его проблему, потому как, у меня на мониторе горизонтальная прокрутка отсутствовала. Спустя некоторое время, работая с другой темой, я обратил внимание на появившуюся горизонтальную прокрутку в нижней части окна браузера. Возвращать изменённые коды в таблице стилей в исходное состояние не стал, а дописал маленькую строчку, которая выглядит вот так:
overflow-x: auto;

Вставить её нужно в блок: body 

html, body{

font-family: Georgia, Arial, Helvetica, sans-serif;

margin: 0px; padding: 0px;

width: 100%;

height: auto;

font-size: 1.1em;

background-color: #006666;

background-image: url(images/fon.png);

background-repeat: repeat;

background-attachment:fixed;

no-opacity;

background-align: right;

background-size: color: #102722;

overflow-x: auto;

}

Не забудьте обновить файл, а затем, обновить страницу сайта. Прокрутка должна исчезнуть. Но, если полоса прокрутки всё же отображается, проверьте, какой масштаб страницы у вас установлен, он может быть увеличен. Не обязательно менять масштаб, может вам удобнее читать страницу именно в таком масштабе. Нужно лишь вместо слова «auto» вписать слово «hidden«, т.е., запретить прокрутку полностью, вот так:

    overflow-x: hidden;

Теперь, горизонтальная прокрутка уже точно не будет отображаться.

Поделиться ссылкой: