Xpoint
   [напомнить пароль]

Выпадающее меню и IE6

Метки: [без меток]
2010-09-03 04:50:34 [обр] Alexey V.Zelenin(0/8)[досье]

Имеется сайт http://www.dkhardware.com/ где на всех страницах наличествует верхнее меню. Для этого меню использовался сторонний скрипт на базе jQuery. Выпадает подменю BrowseProducts, которое реализовано вложенным ul, у которого по умолчанию visibility: hidden

Так вот вдруг обнаружилось, что в IE6 заданная меню высота не соблюдается и подменю отрисовывается целиком. У себя нигде шестого эксплорера не имею, так что пронаблюдал артефакт тут: http://ipinfo.info/netrenderer/index.php

Попробовал поставить родительскому элементу overflow: hidden, так все рутовые элементы кроме первого просто пропали. Такое чувство, что там просто не выполняется float: left для этих элементов и они "растут" вниз.

К сожалению, как следует поисследовать вопрос не получается - нету эксплорера номер шесть.

Вопрос: как можно этот артефакт побороть?
Доп. Вопрос: как можно нормально тестировать IE6 на машине, где установлен Windows7 ?

спустя 3 часа 33 минуты [обр] Филипп Ткачев(0/115)[досье]
спустя 4 часа 48 минут [обр] Alexey V.Zelenin(0/8)[досье]
Филипп Ткачев[досье]
Спасибо, а по поводу артефакта есть какие-то предположения?
спустя 2 часа 33 минуты [обр] Marat Tanalin(10/78)[досье]
Возможно, ссылкам в меню не задано float: left.
спустя 1 час 4 минуты [обр] Alexey V.Zelenin(0/8)[досье]

Marat Tanalin[досье]
Да нет, с этой частью как раз всё в порядке - пока нашёл первый кусочек проблемы: требуется задавать list-style: none не только для элементов li, но и для родительского ul

#jsddm {
   margin: 0;
   padding: 0;
   list-style: none;
}

для дочерних a сделал display: inline-block вместо block

#jsddm li a {
    display: inline-block;
}

а для совсем дочерних - block

#jsddm li li a {
   height: auto;
   display: block;
   width: 360px;
}

жёстко задана ширина, чтобы a растягивался на весь родительский блок.

Остался глюк: субменю в IE6 всплывает справа от пункта, на который наводится мышь, а не под ним.

Powered by POEM™ Engine Copyright © 2002-2005