1

https://uzinouzi.github.io/perila/

В самом низу — карта от Google. Как сделать так что бы она была по высоте как фиолетовый блок? На height 100% никак не реагирует.

P.S. На адаптив не смотрите, я его пока не делал. :)

5
  • Задать .map .map_place либо section.map жестко фиксированную высоту в пикселях.
    – DaemonHK
    5 дек 2017 в 20:06
  • А вариантов с относительными величинами нет? Проблем с адаптивом в дальнейшем не может возникнуть?
    – uzi_no_uzi
    5 дек 2017 в 20:08
  • 2
    Карты строятся на js, который должен знать, сколько у него места будет, а так 100% от чего? Самый простой вариант - дать фикс высоту secrtion.map, тогда карта встанет на 100%. При адаптиве все блоки ужимаются, меняются местами, поэтому в вашем случае она вообще под форму уедет, тогда ей (карте) зададите меньшую высоту (200 за глаза).
    – DaemonHK
    5 дек 2017 в 20:11
  • И да, не используйте iframe по возможности, для этого есть API у любой из карт
    – DaemonHK
    5 дек 2017 в 20:13
  • 1
    можно при загрузке карты с помощью js посчитать высоту фиолетового блока и присвоить фикс высоту карте 5 дек 2017 в 21:21

1 ответ 1

0

section.map.clearfix{
  display: grid;
  grid-template-columns: 1fr 1fr;
}

И убрать width у .form_place и .map_place

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.