0
height:100% не работает

Например ширина 650px, наверху есть какой-то контент, и чтобы снизу карты пустота не оставалась, хочу чтобы в высоту карта заполняла пустое пространство.

2
  • height: 100% работает только когда у родительского элемента выставлен height
    – dzhioev
    14 фев 2014 в 20:01
  • Я у всех родительских элементов выставил 100% Ни одного пикселя в высоту не появляется все равно. 15 фев 2014 в 15:40

2 ответа 2

1

Яндекс незнаю, вот пример с гугл.мэпс, делал недавно:

http://jsfiddle.net/KW3U7/

Если нужны управляющие конструкции карт: то у #mapid, сделайте:

#mapid { width: 100%; height 100%; margin: 0; }
3
  • Может с помощью функции вычислить высоту монитора, вычесть высоту контента сверху, и вставить это в css? 15 фев 2014 в 16:28
  • можно и так, что бы не смущать пользователей без JS (а то они любят морщится когда "декорация" контента осуществляется при помощи скриптов) напомню, что само использование maps предполагает наличие включенного JS ;) или ещё пару способов 1) Накатите высоту блока с контентом в % 2) задайте ему "позишн: абсолют;", вот пример: jsfiddle.net/alpha9000/g63j7/1
    – ferrari
    15 фев 2014 в 17:21
  • У меня всё хорошо с JS, я вычисляю высоту окна, но про карту никак не догодался, спасибо
    – artemgh
    22 июн 2021 в 14:28
0

Попробуйте для начала, чтобы страница на все окно была, и убрать padding и margin:

html, body{
    height: 100%;
    min-height: 100%;
    width: 100%;
}  

#map{
    height: 100%;
    width: 100%;
}

*{
    margin: 0px;
    padding: 0px;
}
<html>
<body>
<div id='map' style='background: green; color: white'>
Map
</div>
</body>
</html>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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