створив тему практично 2 років тому
Anastasiya Kozlova
сказав майже 2 років тому
Спробуйте змінити позиціонування для елемента з картою. Для цього додайте position: relative; для тега div. в який загорнута карта, і вкажіть властивості left і bottom для нього. наприклад:
position: relative; bottom: 290px; left: 420px;
ideaprezent1
сказав майже 2 років тому
Цей варіант не підходить, тому що карта пересувається, але на її місці залишається порожнеча.
Anastasiya Kozlova
сказав майже 2 років тому
Спробуйте обернути зображення і карту в таблицю. Тобто створіть таблицю певної ширини з двома колонками, задайте розмір для кожної колонки і додайте в одну колонку зображення, а в іншу - код карти.
ideaprezent1
сказав майже 2 років тому
Це ми вже проходили. У мене тоді таблиця не може відображатися нормально на мобільному.
Mariya Vechkanova
сказав майже 2 років тому
Спробуйте розташувати карту і і зображення в двох div блоках, вказавши для одного властивості float: left. а для іншого float: right. Що стосується відображення на мобільних пристроях, спробуйте додати окремі значення селекторів для правила @media. Приклад, як це зроблено для блоку Вигоди і гарантії. ви можете подивитися в даній темі:
ideaprezent1
сказав майже 2 років тому
При використанні float відбувається щось дивне. Місця під карту виділяється рівно стільки, скільки потрібно, тобто текст під нею зсувається вниз, але сама картка не показується. А щоб вона здалася, мені доводиться в інструментах розробника в браузері вимкнути і знову включити правило float для секції з картою. Ось тоді все виглядає як треба. Це схоже на якийсь косяк з послідовністю завантаження елементів сторінки, як виправити?
Mariya Vechkanova
сказав майже 2 років тому
По всій видимості, така поведінка характерна для скрипта Яндекс.Карт в цілому при розташуванні в div е з властивістю float. Ми продовжимо вивчати ситуацію і повідомимо вам, коли у нас з'являться результати.
Mariya Vechkanova
сказав майже 2 років тому
Спасибі за очікування.
Дане поведінка пов'язана саме з віджетом Яндекс.Карт: коли карта вбудована в div з властивістю float. потрібно задати точну ширину і висоту цього батьківського div a. Наприклад, як зазначено в документації до Яндекс.Карти. "Створена видимий контейнер ненульового розміру, в якому буде розміщена карта. В якості контейнера може використовуватися будь-який HTML-елемент блочного типу (наприклад, елемент div із заданою шириною і висотою). Карта заповнить цей елемент повністю". наприклад,
Arina Kireeva
сказав більше 1 року тому