Выпадающее меню не работает прямо в IE - Съемка вправо

Question

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

Я создал отдельную таблицу стилей только для IE, но я не смог выяснить, что надеть на нее, чтобы исправить это!

Вот сайт: http://www.erricksonequipment.com

В этой таблице стилей много лишней ерунды, так как она была импортирована из онлайн-примера. Тем не менее, там тоже могут быть проблемы, которые мешают, т.е. правильно читать? Я не уверен .. Я новичок в этом java / css выпадающем меню! :)

Любая помощь будет принята с благодарностью.

Answer 1

Сценарий, который вы используете для выпадающего меню: не очень хорошо . Кроме того, вполне возможно создать все это раскрывающееся меню, используя только CSS, без JS.

Раскрывающееся меню в его текущем состоянии не работает в IE7 или IE8.

В духе «решения вашей проблемы»:

Он будет работать в IE8 (и Firefox и т. Д.), Если вы измените строку 203 в dropdownMenuKeyboard.js из этого:

      ? (isie ? li.offsetLeft + 'px' : 'auto')

к этому:

      ? 'auto'

Однако я рекомендую заменить код выпадающего меню на что-то более современное.

Answer 2

Будьте внимательны при использовании «em» в качестве единицы измерения.Размер 1 'em' относительно размера шрифта по умолчанию, установленного в вашем браузере (или в вашем CSS, если вы его определили).По умолчанию эти размеры шрифтов различаются в Firefox и Internet Explorer.Вместо этого я бы рекомендовал использовать пиксели, но если вы настроили использовать 'em', просто добавьте новый размер шрифта по умолчанию в свой CSS, выполнив что-то вроде:

html { font-size: 16px; }

Стандартизируя размер шрифта по умолчанию в браузере, вы не увидите никаких отличий в Firefox или Internet Explorer.