Клуб API Карт

Опять проблемы с изображениями (IE6) :((

triart62
30 сентября 2009, 00:18

всем привет.

столкнулся сейчас со следующей проблемой. Буду очень рад, если кто что подскажет.

 Собственно есть код карты

делает небольшие иконки изображений, после щелчка открывается увеличенный шаблон.


в Chrome 3, FF, Opera, IE 8 (с <meta http-equiv="X-UA-Compatible" content="IE=7"/>) все работает и отображается правельно.


в IE6 если откыть иконку, затем перейти к другой или закрыть ее - то при повторном открытии не отображается содержимое:

 


 - это если щелкнуть первый раз на мини-иконке

теперь если перейти к другой иконке или закрыть эту, а затем снова открыть

получаем вот такое

 

 причем наблюдается только в IE6.

API карт испльзую только несколько дней - код собрал посмотрев как работает Фотомаппер, немного модифицировал, возможно что-то неправельно делаю:


 <ymaps xmlns="http://maps.yandex.ru/ymaps/1.x" xmlns:gml="http://www.opengis.net/gml">
<Representation xmlns="http://maps.yandex.ru/representation/1.x">

<Template gml:id="icon-template-main"> 
<text><![CDATA[
<img src="http:$[metaDataProperty.AnyMetaData.link]" width="96" height="96" style="border: 3px solid #a7e40d" >
]]></text>
</Template>

<Template gml:id="customTemplate"> 
<text>
<![CDATA[
<div style="width:360px; height: 315px; background-image:url(http://rkstroi.ru/image/map-back.png); background-repeat:repeat-y; ">
<div style="position:relative; left:20px; top:0px; width:240px; padding: 0 5px 5px 5px; height:65px;"><img src="http://rkstroi.ru/images/maps/logo.jpg" width="65" height="65"></div>
<div style="position:relative; left:85px; top:-60px; height:65px; width:180px; padding: 0 5px 5px 5px;"><b>Здесь находится: </b><br> $[description]</div>
<div style="position:relative; left:25px; top:-65px; width:240px; "><img src="http:$[metaDataProperty.AnyMetaData.link]" height="$[metaDataProperty.AnyMetaData.h_img]" width="$[metaDataProperty.AnyMetaData.w_img]"/></div>
</div>
]]>

</text>
</Template>

<Style gml:id="icon-style-main"> 
<iconContentStyle>
<template>#icon-template-main</template>
</iconContentStyle>
</Style>

<Style gml:id="mystyle-main">
<parentStyle>#icon-style-main</parentStyle>
<balloonContentStyle>
<template>#customTemplate</template>
</balloonContentStyle>
</Style>

</Representation>

<GeoObjectCollection>

<gml:featureMember>
<GeoObject>
<style>#mystyle-main</style>
<gml:description>офис компании РК Строй</gml:description>
<gml:metaDataProperty>
<AnyMetaData>
<link>//rkstroi.ru/images/image_base/28-09-2009--01-42-33-.jpg</link>
<w_img>320</w_img>
<h_img>240</h_img>
</AnyMetaData>
</gml:metaDataProperty>
<gml:Point>
<gml:pos>39.75771 54.623149</gml:pos>
</gml:Point>
</GeoObject>
</gml:featureMember>

</GeoObjectCollection> 

</ymaps> 

З.Ы. использую в основном chrome (3), когда пытался написать эту тему столкнулся с тем, что кнопка "вставить/изменить изображение" (в строке с кнопками для форматирования текста при написании сообщения) не работала. В опере картинки подзгрузил без проблем .

 


4 комментария
Подписаться на комментарии к посту
Может быть пора уже забыть IE6 как страшный кошмар вебмастера?
я бы рад, но приходится.... (
Уберите из шаблона "position:relative". Содержимое балуна исчезать не будет.

Это ошибка у нас. Спасибо. Будем исправлять.
спасибо большое, как раз к утру все должно работать, вот сейчас и исправим ))))