Як зробити ширину Google Map 100% залишатися висотою між заголовком та нижнім колонтитулом? - css, wordpress, google-maps, height

Я створив карту Google на своєму сайті Wordpress:

http://drummersdatabase.com/map/ (наразі висота 500 пікс. як тимчасове вирішення)

Мені вдалося змусити карту охопити 100% ширини, але не решту висоти. Я в основному хочу переконатися у відсутності смуг прокрутки незалежно від роздільної здатності користувача.

Коли я встановлюю висоту карти та / або вона містить div css (class = "gridfull") 100%; вона, схоже, інтерпретує це як 100px.

Будь-які ідеї, як я можу це виправити?

Дякую,

Дейв

Відповіді:

Коли ви просите, щоб ваша карта була висотою 100%, вона не знає, якою буде висота 100%.

Якщо ви встановите теги HTML та BODY висотою 100%, це дає вам вихідну точку.

Тоді якби ви мали лише карту на сторінці і сказали, що вона висота 100%, вона б справді заповнила 100% висоти сторінки.

Однак у вас є заголовок і колонтитул, які також займають місце, тому для того, щоб робити те, що ви хочете зробити, ви також повинні встановити заголовок і колонтитул також на висоту в відсотках.

Погляньте на загадку, щоб побачити, про що я говорю:

http://fiddle.jshell.net/Mm3TT/

Єдиний інший спосіб, на який я можу подумати, це був бивикористовуючи javascript, щоб обробити висоту браузера користувачів, а потім відняти висоту заголовка та нижнього колонтитулу від цього та встановити висоту карти таким, що залишиться.