Неработающая ссылка в Internet Explorer 6
Опубликовано: 25 июня, 2008 | Рубрика: Кодинг | Тэги: Internet Explorer, баги, вёрстка, причуды IE6 | 3 Комментариев »Один из неразрешённых мною багов IE6.
Суть такова: в ссылку вложен span с заданной ему высотой, естественно для этого в стилях ему указано блочное поведение. Сам span служит контейнером для изображения img. В такой простой, казалось бы, схеме ссылка перестаёт работать в IE6. И не просто курсор не принимает нужный вид, что исправляется легко (cursor:pointer), но при клике на картинку не происходит переход по ссылке. Несмотря на то, что при наведении курсора на ссылку её адрес виден в строке состояния.
1 2 3 4 5 | <a href="http://menzone.ru" style="display: block"> <span style="display: block; height: 100px"> <img src="путь к картинке.jpg" /> </span> </a> |
Интересно то, что если заменить изображение текстом, то ссылка работает.
Можно конечно высоту в пикселях указать самой ссылке, а span-у задать высоту путём line-height, не преобразовывая его в блок. Решение не самое хорошее в контексте поставленной передо мной задачи, но ничего лучшего я пока не придумал. А вы?
Если неверно то ногами сильно не пинайте. Но у меня вроде бы работает.
Есть ли разница что span не вложен в ссылку?
[span style="display: block; height: 200px; width:200px; "]
[a href="http://menzone.ru" style="display: block"]
[img style="border:none;" src="icq.gif" /]
[/a][/span]
Код не вставляется
, все [ заменить на < и наоборот.
bra1n, разница конечно есть 8=) поменять местами span и ссылку — это решение было на поверхности и слишком очевидно. я бы не задавался таким вопросом, но к сожалению, как это часто бывает, программеры поставили передо мной задачу именно такую, которую я описал, и ничего менять кроме css не разрешили.
при более детальном изучении выяснил, что ссылка и вложенный в неё span работают как надо, не кликается именно вложенная картинка.
вообщем, как я понял, решения просто нет, это один из закидонов IE, который просто не лечится.