Проблема с картинками меню для IE7

[web_master345]

Здравствуйте, форумчане!

У меня такая вот проблема - на сайте есть основное меню выполненное только на картинках. Все работает нормально, но в IE7 не получается кликнуть мышкой по картинке меню. Точнее получается кликнуть, но перехода по ссылке не происходит. Перейти по ссылке можно только по правой клавише мыши и из контекстного меню выбраь - перейти по ссылке.

Подскажите пожалуйста как решить такую проблему?

[buddah]

Попробуй дописать ссылке position:relative;

[web_master345]

Попробуй дописать ссылке position:relative;

C удовольствием, но у элемента стоит всплытие float:left

[buddah]

И что?

Once a box has been laid out according to the normal flow or floated, it may be shifted relative to this position.

Я говорил поставить позишн только для нужных ие, а не для все браузеров.

К тому же у тебя сейчас для ссылок в меню проставлены z-index, который:

Это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative.

[web_master345]

И что?

Once a box has been laid out according to the normal flow or floated, it may be shifted relative to this position.

Я говорил поставить позишн только для нужных ие, а не для все браузеров.

К тому же у тебя сейчас для ссылок в меню проставлены z-index, который:

Это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative.

Да, я понял свою ошибку! Я накосячил с версткой в поисках оптимального решения для браузеров, от части из-за путаницы и не знания всех нюансов верстки!

Мдаааа! Попробовал заменить float на position:relative у меня получилось только для IE7 как и нужно, но от этого мероприятия кнопки не стали кликаться. К сожалению я ограничен во времени и поисках правды. Решил попробовать решить проблему скриптом.

Как реализую решение отпишусь вместе с решением.

buddah - спасибо за помощь!

[buddah]

Рад был помочь.

Попробовал заменить float на position:relative

В некоторых случаях (у меня такие возникали с фоном в ие7) можно оставлять и флоат и позишн. Но только в файле css для ие.

UPD: ты опять все напутал. Нужно было задать position:relative только для a (в файле css для ie либо хаком под ие7, в остальных же браузерах все работало). А у тебя осталось:

#nav li a.top_link {
display: block;
cursor: pointer;
float: left;
left: 0;
top: 0;
z-index: 400;

И обращаться к классу можно просто .top_link , без #nav li a

Edited June 16, 2011 by buddah

[web_master345]

Рад был помочь.

Попробовал заменить float на position:relative

В некоторых случаях (у меня такие возникали с фоном в ие7) можно оставлять и флоат и позишн. Но только в файле css для ие.

UPD: ты опять все напутал. Нужно было задать position:relative только для a (в файле css для ie либо хаком под ие7, в остальных же браузерах все работало). А у тебя осталось:

#nav li a.top_link {
display: block;
cursor: pointer;
float: left;
left: 0;
top: 0;
z-index: 400;

И обращаться к классу можно просто .top_link , без #nav li a

Я понял, что еще не совсем хорошо владею версткой. Нужно попробовать так сделать.

Спасибо за ответ!