Is there a way to display a Google Map at 100% of the parent div's height? I've noticed that setting the height to 100% makes the map not visible, but if I use a pixel value for the height, the map displays correctly. Are there any tricks or solutions to achieve this? The current method isn't working.
<div class="block halfrect">
<div id="map" style="height:100%;"></div>
</div>
This method doesn't seem to work.
<div class="block halfrect">
<div id="map" style="height:590px;"></div>
</div>
Any suggestions or ideas?