Проблема верстки меню.

[ShurikEv]

Добрый день, коллеги!

Прошу помощи в решении проблемы с версткой меню. В представленном архиве можно посмотреть суть проблемы (там исходники страницы с изображениями).

Есть 2 элемента: двухуровневое меню и "карусель" изображений. Почему-то "карусель" находится всегда выше всплывающего пункта меню второго уровня. Уже долго бьюсь. Все перепробовал. И position менять и z-index и тд. Ничего не помогает. Проблему локализовал: у стиля .main-hot свойство position:relative; всё портит.

Как мне модифицировать код, чтобы все заработало? Желательно, чтобы была кроссбраузерность.

Спасибо за помощь.

Edited May 17, 2011 by ShurikEv

[ShumNo]

Сколько тут уже раз говорили, что выкладывая архивы вы тем самым очень сильно сужаете круг тех лиц, которые согласны вам помочь. Положите вместо архива готовую страницу это ведь еще и проще

[ShurikEv]

Выложил файлы на сайт.

[zSpx]

для ul.subnav добавляете z-index побольше и все нормально работает.

зы: гениальная рыба))

[ShurikEv]

Спасибо. Пока не опубликовал вопрос на форуме, куда я только z-index не пихал, но оно не работало. Спросил, сразу заработало

Для ul.topnav z-index не подошёл: сколько бы не ставил один фиг не работает. Поставил для ul.topnav li и заработало. Откуда такое поведение?

ЗЫ И в чем её гениальность?

[zSpx]

ul.topnav li является родителем ul.subnav и когда ты к первому применяешь z-index, то полностью вся конструкция выводится на передний план, но имхо логичнее применять только к ul.subnav.

[ShurikEv]

Логичнее то логичнее, но почему-то не работает

И еще один не критичный вопрос. Второй элемент, так называемая карусель. Если навести на второй пункт меню, то верхняя граница пункта меню исчезает. В чем может быть проблема?

[zSpx]

Логичнее то логичнее, но почему-то не работает

Все отлично работает, ты просто что-то не так делаешь.

И еще один не критичный вопрос. Второй элемент, так называемая карусель. Если навести на второй пункт меню, то верхняя граница пункта меню исчезает. В чем может быть проблема?

Потому что у тебя .tophot li имеет высоту 67px и padding верхний и нижний по 8px итого общая высота 67+8+8=83px, но позиционированием прямо в коде ты делаешь отступ сверху на 80px, что и перекрывает 3px предыдущего блока вместе с бордером.

[ShurikEv]

Все отлично работает, ты просто что-то не так делаешь.

Действительно протупил. subnav читал как topnav. Спасибо.

Потому что у тебя .tophot li имеет высоту 67px и padding верхний и нижний по 8px итого общая высота 67+8+8=83px, но позиционированием прямо в коде ты делаешь отступ сверху на 80px, что и перекрывает 3px предыдущего блока вместе с бордером.

Спасибо еще раз! Теперь я понял откуда взялись эти волшебные числа ))