Помогите разобраться со слоями!> Поправила код, теперь все отлично работает! :))
Поздравляю :-)
> Вот только в NN6 подпункты меню появляются не точно под самим пунктом, а сдвинуто влево. Как узнать что у меня броузер NN6? Я бы тогда прибавляла немного, чтоб сдвинуть вправо.
Ни В Коем Случае. Никогда Не Надо Стремиться Определить Браузер. Причин Этому Очень Много, Но Основная: Браузеров Заведомо Больше, Чем Вашего Терпения. Пример: У Меня, Вот, Как-Раз На IE6 Все Съезжает, А В Mozill'е Все Точно. А Что Будет В 7-й Опере? А Что Будет В Konqueror'е, Safari, IE7 (Когда Появится)?
Поэтому, В Проблеме Надо Разобраться. Отсекая Для Простоты Лишнее, Имеем: <div> Пункт </div> <div> <div style="position:absolute; width:85px"> Подпункт1<br> Подпункт2 </div>
Последний Div Не Закрыт, Кстати. Да И Не Нужен :-). Но Проблема Не В Этом. Проблема В Том, Что "Пункт" Позиционирован Статически, И Его Положение, Зависит От Другой Разметки, А Вот Блок С Подпукнтами Повешен Уже Абсолютно, Причем Его Положение Отдано На Волю Браузера. Поэтому В Разных Браузерах И Наблюдается Раздрай.
Решение. Повесить Само Меню Абсолютно, А Внутри Него Позиционировать Выпадающие Подменюшки Статично:
<div Style="Position:Absolute;"> <div id=popup_menu Style="Float:Left;"> <Span>Пункт 1</Span> <div> Подпункт1.1<br> Подпункт1.2 </div> </div> <div Style="Float:Left;"> <Span>Пункт 2</Span> <div> Подпункт2.1<br> Подпункт2.2 </div> </div> </div>
Хотя, Совсем По-Правильному, Надо Бы Все Еще На Списки Перевести... Но Это Следующий Шаг. |