Требуется CSS-рендеринг в IE

Question

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

Есть идеи, как это исправить? Спасибо.

Редактировать: Хочу добавить, что оригинальный дизайн сайта отлично работает под IE. Я сделал огромное количество редактирования под капотом, и где-то вдоль линии этот был сломан, что я не могу найти решение для этого. Поскольку я много настраивал, я думаю, что было бы несправедливо просить у первоначального автора исправления (и он тоже не очень отзывчив).

Answer 1

Документ недействителен. В частности, перед Doctype есть элемент <style>. Это запускает режим Quirks и приводит к тому, что браузеры становятся очень несовместимыми (например, IE эмулирует журнал ошибок из IE 5.5).

Всегда работайте в стандартном режиме и выполняйте базовый автоматизированный QA .

Answer 2

Никаких исправлений, кроме подсказки: проблема со строкой меню - одна из загадочных ошибок IE в позиционировании с плавающей точкой, что можно продемонстрировать, поставив <div style="clear: both">xxx</div> после навигационной панели ul. (Обратите внимание, что это не будет работать, если у div нет содержимого!)

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

Answer 3

Я не могу проверить это для вас, так как у меня нет доступа к IE сейчас, но я часто обнаруживал, что добавление position:relative к неправильно работающим элементам является чем-то вроде волшебной пули IE.