У меня есть рабочее меню спрайтов, и я хочу добавить вертикальное подменю под одним из элементов. У меня он отлично работает в ie и firefox, однако в браузерах webkit (chrome и safari) подменю отображается слева от правого поля содержащего li, что делает меню непригодным для использования. Я испробовал все советы по css, которые смог найти, чтобы заставить эту работу работать, включая переопределение webkit -40padding, но все, что я пробовал, не влияет на выравнивание в этих браузерах.
Текстовое подменю только CSS (под меню спрайтов) смещено только в chrome/safari
comment
К сожалению, приведенный ниже ответ решил проблему в webkit, но вызвал другую в IE. На самом деле ответ состоял в том, чтобы вернуть position:relative и изменить display: inline на display: block в меню верхнего уровня #navigation (ul id). Надеюсь, это поможет другим.
- person that_girl   schedule 19.07.2012
Ответы (1)
Найдите свой #navigation > li { position:relative }
и удалите position:relative
person
Miro
schedule
27.06.2012
Не уверен, что это отдельный вопрос, но подменю появляется только справа от основного контейнера в ie7, есть идеи?
- person that_girl; 27.06.2012
хм... у меня нет ie7... насколько я помню, это ошибка, связанная с абсолютным позиционированием. Google: ошибка абсолютной позиции ie7... Извините. больше не могу помочь с ie :)
- person Miro; 28.06.2012