Popraw CSS (responsive), aby wyświetlić warstwę #map z mapą OSM

Ваша реализация с CSS - почти правильная

Я для широких экранов @media - не указываю - он по умолчанию работает

а для экранов меньше 799 - пишу так

@media (max-width: 799px) {

// тут Ваш код

}

Попробуйте - должно работать

Andrii Pertsyuh 21 sierpnia 2015

Проблема в том, что именно на больших экранах НЕ отображается слой .right_col

Он есть - просто в нем нет содержимого

http://prntscr.com/876xn8

Andrii Pertsyuh 21 sierpnia 2015

содержимое подгружается JavaScript-ом, это карта OSM с метками.

Если блок пустой - значит в него ничего не подгрузилось и это не проблема css, а скорее проблема js.

Где можно взглянуть на исходній код

Andrii Pertsyuh 21 sierpnia 2015

Исходники фронта https://github.com/ClassOdUa/Civil-Society-Web

Andrii Pertsyuh 21 sierpnia 2015

сори, между постами пробовал варианты затер внутренний слой.
Сейчас эта строка выглядит так:
<div class="right_col"><div class="map"></div></div>
где #map заполняется скриптом, подгружает карту OSM

Andrii Pertsyuh 21 sierpnia 2015

<div class="right_col"><div class id="map"></div></div>

http://prntscr.com/877ouv

Карта не выводится не из-за адаптивности

вы пробовали отображать карту в любом другом блоке?

В тех исходниках что вы выложили этого нет

Andrii Pertsyuh 21 sierpnia 2015

http://gurtom.mobi/index1.html карта отображается, скрипт тот же.

Andrii Pertsyuh 21 sierpnia 2015

после загрузки карты в #map можно инспектором увидеть что .leaflet-container {
overflow: hidden;

если в инспекторе снять этот hidden то карта проявится, но тоже как-то коряво.

создал отдельную страничку для отображения только карты, показывает:

http://gurtom.mobi/#map-page