2009-09-15 6 views
0

Нет полосы прокрутки при просмотре с помощью firefox,Как вы отлаживаете проблему горизонтальной полосы прокрутки?

, но он отображается в IE.

Как отслеживать эту проблему?

+0

Любой конкретный сайт? – Havenard

+0

Да, здесь: http: //maishudi.com/jobs.php – omg

+0

звучит как хороший кандидат для doctype – brendan

ответ

1

Ну, я бы начал с нажатия VIEW | SOURCE в моем меню браузера, но ничего не получается (я использую IE7), что довольно странно. Мне удалось сохранить файл на рабочем столе и просмотреть его в «Блокноте». В верхней части есть ссылка на таблицу стилей с именем fixedBottoomIE6.css, которая, как представляется, применяется только к IE, что может объяснить разницу.

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

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

+0

@ MusiGenesis, Нет, я старался не включать этот файл, но горизонтальная полоса прокрутки все еще существует. – omg

+0

@Shore: Но * вы используете IE6, и рассматриваемая таблица стилей применяется только к IE7 или более поздней версии (например, я использую). Поскольку он называется «fixedBottoomIE6», я предполагаю, что он предназначен для того, чтобы IE7 вел себя так же, как по умолчанию работает IE6 (именно поэтому вы видите полосу прокрутки с таблицей стилей или без нее). Но поскольку он применяется только в IE7 или более поздней версии, вот почему вы не получаете полосу прокрутки в Firefox (потому что Firefox * не является * IE7 или новее). – MusiGenesis

+0

@Shore: попробуйте удалить блоки комментариев «[if lte IE 7]» и «[endif]» вокруг этой ссылки, и я готов поспорить, что вы также получите полосу прокрутки в Firefox (возможно, не так). – MusiGenesis

0

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

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

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

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

С помощью отладчика вы можете посмотреть стили dom и css компонента и посмотреть, есть ли шаблон.

+0

Я использую IE6, вы можете взглянуть на http://maishudi.com/jobs.php? – omg

1

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

1

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

Для меня это был эффект тени, который добавлял: до и после содержимого.

Смежные вопросы