Как вы решаете проблему с горизонтальной полосой прокрутки?

Question

Нет полосы прокрутки при просмотре с Firefox,

, но он появляется в IE.

Как отследить такого рода проблемы?

Answer 1

Отличный способ отладки - использование Firebug Live CSS-редактора. Применить (отображение: нет;) для каждого раздела, один за другим. Как только вы нашли раздел с ошибкой, ваша полоса прокрутки исчезнет (большое облегчение!). Сделайте то же самое для каждого элемента в разделе. Вы должны найти именно вашу ошибку.

Для меня это был эффект тени, который добавлял: before и: after content.

Answer 2

Ну, я бы начал, нажав VIEW | ИСТОЧНИК в моем меню браузера, но ничего не появляется (я использую IE7), что довольно странно. Мне удалось сохранить файл на рабочем столе и просмотреть его в блокноте. Вверху есть ссылка на таблицу стилей с именем fixedBottoomIE6.css, которая, по-видимому, применима только к IE, что может объяснить разницу.

Итак, в качестве общего ответа на ваш вопрос, я бы начал процесс отладки, посмотрев на источник в текстовом редакторе.

Обновление : да, проблема почти наверняка в том, что таблица стилей, потому что когда я открываю файл, сохраненный на моем рабочем столе в IE, я не получаю горизонтальную полосу прокрутки (I do получить это с онлайн-версией). Ссылка на таблицу стилей является относительной, и, поскольку таблица стилей отсутствует на моем рабочем столе, она не применяется.

Answer 3

Я считаю, что в 99% случаев это связано с заполнением и определением ширины HTML / Body. Я не следую конкретному подходу, но смотрю вокруг на определения, подобные этим. Я начинаю каждую проблему CSS с Web Inspector в Safari , так как он проходит Acid3.

Answer 4

Если вы используете IE, то я бы начал с отладчика, который поставляется с IE8.

Кроме того, измените тип документа и режимы, в которых работает IE8, и посмотрите, можете ли вы обнаружить шаблон.

Например, он отображается только в режиме причуд?

Кроме того, в каких ситуациях появляется полоса прокрутки. Div заполнен или наполовину пуст?

Используя отладчик, вы можете просмотреть стили dom и css компонента и посмотреть, есть ли шаблон.