Specifying height using relative values aren't cross-browser
compatible. Instead, you'll need to use a fixed value. To calculate
vertical height, I usually rely on HTMLElement.offsetHeight for most
things, which you can then set the map container's height to using
CSS.
For example:
document.getElementById('myMapContainer').style.height =
document.body.offsetHeight + 'px';
Hope that helps,
Dann
On Nov 11, 1:01 pm, "Susannah (Google Employee)"
<[email protected]> wrote:
> When setting the height of the map's td to 100%, the map_canvas's
> height is actually 100% of the screen size. It is not using 100% -
> 200px, as you are expecting. You'll notice that the margin does not
> appear at the bottom of the page as it does on the left and right
> because the div is extending past the bottom.
>
> You'll need to find another CSS solution for making the map take up
> all the vertical space except for 200px at the top. You can use
> Firebug to examine the actual width/height of the div using the DOM
> and Layout tabs to ensure that it is the size you expect.
>
> The map's bounds and centers are correctly set according to the size
> of the div.
>
> Thanks,
> Susannah
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-js-api-v3?hl=.
