позиционирование CSS в IE8 вызывает головную боль

Я бегу немного основной навигации тест на http://tools.weddingideasmag.com/MainNavTest/позиционирование CSS в IE8 вызывает головную боль

Беда в том, что я не могу получить меню капли работать прямо в IE8. Подменю расположены абсолютно, но в IE8 они идут вправо. Неудивительно, что это похоже только на IE!

Это то, что страница выглядит на Chrome и именно там, где меню должны быть расположены ...

enter image description here

А вот как это выглядит на IE8 ...

enter image description here

Все подменю должны отображаться непосредственно под родительской ссылкой. Может кто-нибудь помочь, это заводит меня орехи!

источник

2013-12-18 Ben Iskander

Почему вы это делаете в подменю родителя '' Ли Ā'/* позиция: относительная; */'Она также должна быть на' li' не ' '. –

Я использую этот скрипт из Code Canyon в качестве основы J osh - http://codecanyon.net/item/flat-ui-navigation-mega-menu/5837705 это просто то, что было создано этим автором. Это не все мои собственные работы, но я использую его в качестве основы для того, что мне нужно :-) –

Абсолютно расположенные элементы расположены относительно их ближайшего расположенного - то есть нестатически расположенного - родителя. В Chrome, если вы не присваиваете top или left значениям абсолютного дочернего элемента, это означает, что оно расположено в «правильном» месте (а не на чем-то, от чего следует полагаться). Не так с IE8.

Это позволит решить проблему:.

div.flat-nav>ul>li { position: relative; }

Хотя, когда вы сделаете это, вы должны будете определенно дать вашему Dropdowns ширину (в противном случае они будут ограничены по ширине их li родителя Дополнительно , вам нужно указать left:0

div.flat-nav ul.column-based { left:0; width: XXXpx; }

источник

2013-12-18 16:27:00 Adam

Спасибо @Adam - он помещает подменю в нужное место, но элементы ul внутри подменю теперь уложены по вертикали - они должны выравниваться влево до right –

Дайте подменю ширину, достаточно широкую, чтобы элементы отображались бок о бок. – Adam

Я сделал это сейчас Адама, но все еще имею проблему с перекрытием подменю в IE –

позиционирование CSS в IE8 вызывает головную боль

ответ

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