[JQuery .css() .hide() ] и [файлы сss] по-разному пляшут, почему? ( победитель получит 150 р.)?

Question

[Сергей]

Добрый вечер, господа.

Просьба забить на вырвиглазый дизайн.



Верстаю джейкуэри меню с дропдаунами.



Если все сверстать без джейкуэри, где дропдаун меню видно ( без style=«visible: none;»), все отображается как надо и без проблем: butteff.ru/site/menu2.htm







Но если добавить style=«visible: none», то все херится, блоки накладываются один на другой, и все они еще ниже, чем надо, при наведении: butteff.ru/site/menu.htm







Т.е. стиль .dropdown я не менял, но джейкуэри и просто css по разному выводят это на экран, при одинаковых стилях.



Вопросы:

1. Почему так происходит?

2. Какие стили прописать для .dropdown, чтобы он выводился под ссылкой? — ума не приложу

Тому, кто поможет сделать правильный .dropdown стиль, чтобы меню выпадало верно, перечислю 150 рублей на пиво\мороженное в знак символической благодарности Яндекс деньгами (веб мани пуст, увы).

Comments

[Сергей]

Архив для скачки: butteff.ru/site/x3moto.ru.rar

Answer 1

[Andrrr]

.dropdown спозиционирован абсолютно, но в стилях указан относительный margin-top, а не абсолютные top и left. Это неправильно и элемент ведет себя непредсказуемо.

Comments

[Сергей]

Если я марджин уберу, ситуация не изменится, по разному будет выглядеть через просто css и через пляски с jquery

[Сергей]

Даже не по-разному, а точно также, только .dropdown выше уйдет, все равно он выскакивает не там, где надо при jquery

[Andrrr]

это то, чего вы добиваетесь? cl.ly/112G2W0m2g0D0X2z0H47

[Сергей]

Да, именно. Пишите кошелек

Answer 2

[max_rip]

добавьте в .dropdown
top: 0;
left: 0;
Как вам и указали выше.

Comments

[max_rip]

и да использование #menu #quadro избыточно, на странице может быть только один id )

[max_rip]

И еще #сont_block, у вас скорее всего русской буквой написано «c»

Answer 3

[tick]

а) зачем вам jquery для такой простой операции? показ подменю можно сделать на чистом CSS.
Нет, конечно, если вы потом планируете на jquery написать еще много чего, то пусть так.

б) Текстовые ссылки по умолчанию синие, при наведении красные. Лого наоброт — по умолчанию красное, при наведении синее. Непорядок.