IE не устанавливает правильную высоту и, как правило, является катастрофой

Я довольно новичок в веб-разработке, поэтому простите меня, если это очевидно. Я создал сайт, который хорошо выглядит в Chrome и Mozilla, но, похоже, я не могу заставить версию IE прокручиваться с той же скоростью/высотой, что и мои другие версии. Хотя я объявляю, что высота составляет 6000 пикселей, я могу прокручивать ее до 1700 символов, и я выводил ее на консоль, если вы хотите ее увидеть.IE не устанавливает правильную высоту и, как правило, является катастрофой

Посмотрите: http://nick-barth.com/lindylongcon/

Если вы случайно заметили любой из моих многочисленных ошибок, не стесняйтесь упомянуть о них!

Спасибо, Ник Barth

источник

2013-12-10 user3086615

Какая версия IE? Статично или вы используете код на стороне сервера (php и whatnot)? Можете ли вы поделиться некоторыми из вашего кода (в частности, css)? – yuvi

у вас есть ваш #scene div, установленный на высоту 100%. Я не знаю, нуждается ли Skrollr в этом, но я бы предложил попытаться обойти это, потому что IE может установить всю высоту страницы на все эти 100%. – Gotschi

Пожалуйста, добавьте соответствующий код вместо ссылки (которая может быть сломана после этого) – Bigood

Как мы говорили в комментариях, есть существенные различия между IE версии релизов. От IE6 до 8 считаются устаревшими браузерами, в то время как IE9 и выше являются более встроенными со стандартными более новыми веб-технологиями (поддержка css3, введенная только с IE10, например).

Когда вы сказали, что он выглядел одинаково с использованием другой версии, я сразу же подозревал, что это связано с quirks mode. Режим quirks - это метод, который позволяет поддерживать старые браузеры. И это режим по умолчанию для IE, если вы не используете <!DOCTYPE html>. Добавив, что в верхней части страницы вы говорите, что IE «использует режим стандартов» (и ознакомьтесь с той ссылкой, о которой я говорил, для получения подробной информации о различных типах DOCTYPE и о том, что они означают).

Это также значительно объясняет, почему вы видели такую специфическую проблему с атрибутом Css в width: 100%, процитировать вики статьи (курсив мой):

Одним из ярких разница между причуды и стандартов режимов является Обработка ошибки модели браузера CSS Internet Explorer. До версии 6, Internet Explorer использовал алгоритм определения ширины элемента элемента , который противоречил алгоритму, подробно описанному в спецификации CSS , и из-за популярности Internet Explorer было создано много страниц , которые основывались на этом нестандартном алгоритме , Начиная с версии 6, Internet Explorer использует алгоритм спецификации CSS при рендеринге в режиме стандартов и использует предыдущий, нестандартный алгоритм при рендеринге в режиме quirks.

Сегодня с less than 5 percent usage of legacy browsers (который также поддерживают новый алгоритм ширины, так как она была введена с теперь очень старым IE6), вы, вероятно, не нужно будет использовать режим совместимости когда-либо, но это помогает понять, почему добавление doctype важно (а не делать это слепо).

источник

2013-12-10 14:07:31 yuvi

спасибо. Я ценю вашу помощь, я пока не могу продвигать вас, но я бы хотел. – user3086615

Вы можете, однако, отметить его как правильный ответ, чтобы другие люди, столкнувшиеся с подобными проблемами, знали, что это помогло вам – yuvi

+1, потому что отсутствует/сломанный DOCTYPE - это корень самой боли в IE. – Prinzhorn

IE не устанавливает правильную высоту и, как правило, является катастрофой

ответ

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