после вот этих плясок решил таки сделать как надо. ибо поплыло пусть не все, но большая часть сайта.
Дано: drupal, skin: sky.
Обнаружил все вхождения которые ломают балун:
table {
border-collapse: collapse;
border-spacing: 0;
/*width: 100%; !! растягивает балун по ширине экрана !! */
margin: 1em 0;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}
...
#blocks td.block {
border-bottom: 1px solid #ddd; <-- Вот эти две строки прорисовывают табличку вокруг текста
border-right: 1px solid #ddd; <-- в балуне.
padding: 0.25em 0.5em;
vertical-align: top;
}
Еще есть проблемы с тенью и оторваным хвостиком балуна... Но дело не в этом... Прописываю в style.css в самый конец файла для того чтобы удостовериться что именно эти строки ломают стиль и ничего не происходит, то есть идет тупо игнор этого стиля.
.yandexmap table{
border-bottom: 10px solid #777;
border-right: 10px solid #777;
padding: 0.25em 0.5em;
vertical-align: top;
}
Решение:
в файле style.css прописываем:
#table1 td {
border-collapse: collapse;
border-style: hidden;
}
#table1 table {
margin: 0;
}
в html добавляем карту в табличку с указанием стиля:
<table id="table1">
<tbody>
<tr>
<td>
<div id="YMapsID" style="width: 700px; height: 500px;"> </div>
</td>
</tr>
</tbody>
</table>