Почему моя веб-страница не прокручивается в Internet Explorer 8?

Итак, я потратил значительное количество времени на кодирование и разработку этой веб-страницы, и он отлично работает в каждом браузере, который я тестировал в IE7, IE9, Firefox, Chrome, Safari. Но когда я просматриваю веб-страницу в IE8 (и только IE8), вертикальная прокрутка отключена. Строка прокрутки там все в порядке, но она выключена, и я не могу использовать ее или колесо прокрутки мыши.

Я отправлю код для веб-страницы, если мне это абсолютно необходимо, но сначала я хотел посмотреть, слышал ли кто-нибудь об этом раньше или какие-то начальные мысли.

Ответ 1

Хорошо, я понял это. Если вы поместите height: "100%"; в тег html страницы стилей CSS вашей страницы, он сломает прокрутку в IE8, но другие браузеры все равно будут работать. Наведите указатель мыши.

Ответ 2

Вот взломанный способ заставить полосу прокрутки работать с высотой 100%. Не лучшее решение, но теперь оно прокручивается в IE8.

html {
    overflow-y: hidden\9;
}
html, body {
    height: 100%\9;
}
body {
    overflow-y: scroll\9;
}

Ответ 3

в основном три вещи, которые вы должны видеть

Если вы задали стиль как переполнение: hidden
Если вы указали высоту в процентах страницы.
если вы указали float: static.

Устраните эту проблему, и ваша проблема с IE8 будет решена.

Причина: IE 8 отличается от остальных, для проверки CBC IE frist! В теме IE 8 скрывает (только прокручивающую панель) полосы прокрутки, если у вас есть переполнение как скрытое, если у вас есть места, поскольку 100% IE 8 переполняет поток как скрытый (может сказать, принимает его собственный!) N float - элемент которые могут выйти за пределы размера страницы, если у вас есть это наследование или относительная, но статическая доза не динамически увеличивается.

Ответ 4

Вы пробовали другие IE8 (а не ваш локальный ie8)? Возможно, проблема в вашем ie8.

Запуск в режиме без аддонов или попытка отключить все аддоны (включая бары)
Восстановить дополнительные параметры. Инструменты → Свойства обозревателя → Дополнительно → Восстановить дополнительные параметры.

Ответ 5

Я тоже много раз сталкивался с этим типом проблемы. Полоса прокрутки с IE8 не должна отображаться на простой HTML-странице. Итак, проверьте содержимое внутри тэга <body></body>. Может быть несколько тегов margin или padding.

Я использую IE8 в настоящее время, но нет такой полосы прокрутки. Не нужно исправлять height:100% для HTML или BODY. Пожалуйста, проверьте свою страницу глубоко.

Ответ 6

Если вы используете CSS, может оказаться полезным, что вам нужно значение reset CSS, чтобы страница правильно отображалась в IE8. Я предоставил ссылку, а также фрагмент из http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/. Это может вам помочь. Если что-нибудь, это хороший сайт для чтения, если вы начинаете разработку.

A reset туда, где все началось...

Концепция CSS reset была впервые обсуждена формально назад, когда динозавры все еще бродили по Интернету (точнее, 2004) Эндрю Креспанисом. В своей статье он предлагает использовать универсальный селектор (*) в начале вашего CSS файла, чтобы выбрать все элементы и дать им 0 значений для поля и заполнения, например:

* {
   margin: 0;
   padding: 0;
}

Универсальный селектор действует как поиск подстановочных знаков, аналогичный сопоставлению регулярных выражений в программировании. Поскольку в этом случае перед символом * не предшествует другой селектор, все элементы (теоретически - некоторые браузеры не полностью поддерживают его) - это совпадение, и поэтому все поля и прокладки всех элементов удаляются (поэтому мы избегаем различий между интервалами, показанных в примере 1).

Применяя универсальный селекторный маркер/дополнение reset к нашему предыдущему примеру, мы удалим все несогласованные интервалы между всеми браузерами (другими словами, мы не заставляем браузеры думать за нас, мы показываем им whos boss).

Пример 2: Применение универсального поля/запаса селектора reset

Но теперь у нас нет промежутков между абзацами, поэтому где-то ниже нашего универсального селектора reset, хорошо заявляем, как мы хотим, чтобы наши абзацы выглядели. Вы можете сделать это несколькими способами - вы можете поместить поля (или отступы) в начале или в верхней части ваших абзацев или и то, и другое. Вы можете использовать ems как свои единицы или пиксели или проценты.

Важно то, что мы выбираем способ отображения браузера. В нашем примере я решил добавить поля (вместо заполнения) как в верхней части абзацев, так и внизу - но это мой выбор, вы можете сделать это по-другому.

Вот что я использовал:

 * { margin:0; padding:0; }
    p { margin:5px 0 10px 0; }

Пример 3: Объявление правила стиля после универсального селектора.

Note: The example I used for discussion is a simplified example. If you only used paragraphs for your web pages and no other elements, you wouldn’t want to reset your margins to 0 using the universal selector only to declare a style rule right after it for your paragraph. We’ll discuss this more fully along with other best practices later on down the page.

Вскоре после этого - гуру CSS Eric Meyer далее построили на концепции сброса полей и прокладок. В исследовании Эрика Мейерса он обсуждает работу Taneks, которая отменяет стили HTML по умолчанию (которую он назвал undohtml.css), который не только сбрасывает поля и дополнения, но и другие атрибуты, такие как высоты строк, стили шрифтов и стили списков (в некоторых браузерах используются разные патроны для неупорядоченных элементов списка).

После многих итераций и уточнений мы пришли к замечательному решению под названием CSS reset Reloaded CSS reset, который не только делает этот метод CSS reset более точным, чем универсальный селекторный метод, используя более высокую специфичность, назвав все (поскольку универсальный селектор не применяет reset ко всем HTML-тегам), но также устанавливает значения по умолчанию для проблемных элементов, таких как таблицы (в которых атрибут border-collapse не отображается последовательно в браузерах).

Конечно, есть и другие способы сброса вашего CSS (например, YUI reset CSS!), который я использую в настоящее время в Six Revisions), и вы можете сворачивать свои собственные, исходя из ваших предпочтений и потребностей проекта.

САЙТ: http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

ЗАМЕТЬТЕ: Я вроде как новый, поэтому, пожалуйста, несите меня.