Как да направя Google Map Span 100% оставаща височина между заглавката и долния колонтитул? - css, wordpress, google-maps, височина

Тук създадох карта на Google в сайта си:

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

Успях да накарам картата да обхване 100% от ширината, но не и останалата височина. По принцип искам да се уверя, че няма ленти за превъртане независимо от резолюцията на потребителя.

Когато поставям височината на картата и / или съдържаща div css (class = "gridfull") 100%, тя изглежда интерпретира това като 100px.

Някакви идеи как мога да поправя това?

Благодаря,

Дейв

Отговори:

Когато питате вашата карта да бъде височина 100%, тя не знае какво да бъде височина 100% от.

Ако зададете вашите HTML и BODY маркери да бъдат височина 100%, това ви дава начална точка.

Тогава, ако имате само картата на страницата и я кажете да бъде височина 100%, тя наистина ще запълни 100% от височината на страницата.

Все пак имате заглавна част и колонтитул, които също заемат място, така че за да направите това, което искате да направите, трябва да зададете заглавието и долния колонтитул също да са високи.

Разгледайте цигулката, за да видите какво говоря за:

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

Единственият друг начин, който мога да направя, ще бъдеизползване на javascript, за да се определи височината на браузъра на потребителите, след което се извади височината на горния и долния колонтитул от това и задаването на височината на картата да бъде каквото е останало.