Проблема отображения тега "img" в IE7.

[SPB_Pavle81]

Делаю html страничку под IE, проблема в следующем -  картинка .gif выводится в броузер внутри тега div, все работает под IE6, седьмой IE показывает пустой блок соответствующего размера. Может дело быть в разном восприятии тегов DIV данными броузерами?

[K i r i L L]

эм.. код в студию. всё должно работать. тема уехала в создание ресурсов.

[SPB_Pavle81]

Т.е. с точки зрения html разницы нет? Код остался на работе (((

[K i r i L L]

http://10.23.21.114/img/   не?
с точки зрения хтмля это вот

Код:

<div><img src=image.gif></div>

[DeMoNoID]

http://10.23.21.114/img/   не?
с точки зрения хтмля это вот

Код:

<div><img src=image.gif></div>

У мну 7ой справился =)

[OdieZlo]

У мну на одном из компов, такая же проблемма! (но я не жалуюсь))) благо стоит ещё Opera, FireFox, и Netscape.
А связана эта проблема может быть с настройками безопасности, или с антевирусной защитой! У меня стоит Kav 6, постоянно блокирует всплывающие окна, и всякую шулабуду! так что может дело внём! Во всяком случае, на компе без него, в IE7 всё работает!

Отправлено: 04 Сентября 2008, 00:22Да! в моём случае, это точно Касперский!
Когда он работает, то некоторые GIF файлы не отоброжаюься! но происходит это не только в IE7, но и Opera, в IE6 к сожалению не проверял, уже не стоит, а поставить не могу)))
(проверял на http://szsk.spb.ru/images/banner8831.gif)

[FishB1]

http://10.23.21.114/img/   не?
с точки зрения хтмля это вот

Код:

<div><img src=image.gif></div>

А с точки зрения хтмля это не правильно =) Правильно так:

Код:

<div><img src=image.gif alt=""></div>

Вот только браузеру от альта не тепло не холодно обычно, так что без кода не понять почему не работает =)

[SPB_Pavle81]

string s =  "<div style = \"POSITION: absolute; LEFT: 310px;TOP: -71px; Z-INDEX =44\"><IMG src=\"C:\\12345.gif\" width=148 height=20 border=0></div>";
вот такая строка на c#

[FishB1]

"Z-INDEX =44" - всё же лучше, что бы было "Z-INDEX:44;"

А вообще при абсолютном позиционировании и "TOP: -71px;" блок не должен отображаться ни в каких браузерах... При "position: absolute" положение задается относительно кря окна браузера, т.е. получается, что при "top: -71px;" блок над верхним краем окна на расстоянии -71 пиксел.

Хотя остается загадкой почему IE 6 правильно отобразил... в нем вроде нет проблем с абсолютным позиционированием...

А ещё у меня не FF (ни второй ни третий), ни Opera (7), не восприняли такой путь к изображению, как C:\\12345.gif, так что если интересует кроссбраузерность - лучше прописать относительные пути (хотя в Эксплорерах такой проблемы нет).

[K i r i L L]

ну да, в посте выше все как надо расписано, высота твоей картинки 20пикс а это меньше 71, поэтому она видимо попросту уезжает вверх.. z-index конешно с двоеточием.
если всё таки относительные пути к картинке сделать нельзя, то можно попробывать вот так: file://C:/12345.gif или так: file://localhost/C:/12345.gif

[SPB_Pavle81]

В IE6 координаты отсчитываются от элемента, в который я пихаю этот div. в IE7 пустой блок соответствующего размера отображается именно в нужном мне месте... так что дело не в этом... Картинки хранятся строго локально (это не совсем сайт, а надстроечка над ie, реагирующая на загрузку определенных страниц - соответственно кроссбраузерность совершеннно не интересует, ie only ), так что приходится писать полный путь.
Про замену слэшей завтра обязательно попробую, спасибо!

[FishB1]

Ага, ну по крайней мере одна загадка раскрылась, есть ещё один блок =)

По всей видимости родительский блок (относительно блока с картинкой) имеет "position: relative;" (это так, для общей картины)? Если так - никакой проблемы быть не должно... Ну попробуй что ли "file:///C://12345.gif" в пути прописать, хотя это всё равно не из-за этого...

В общем гадать не имеет смысла. В общем-то вышеприведенный когд должен работать и там и там (если нет никаких родительских элементов и наследуемых параметров). На сколько я понимаю - он выглядит примерно так:

Код:

<div style="position: relative; top: 100px;<!--количество пикселей взято для примера-->">
       <div style="POSITION: absolute; LEFT: 310px;TOP: -71px; Z-INDEX =44">
           <IMG src="C:\\12345.gif" width=148 height=20 border=0>
      </div>
</div>

Честно говоря - не сталкивался с подобным багом IE никогда, по-этому не видя всего кода и не поковыряв его навряд ли смогу помочь чем-то толковым. Тут самый верный способ - пробовать по всякому пока не заработает (ещё никогда не подводил =)).