Google Maps 100% Height

Question

I am using the code from here:

http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-mobile-example.html#basic_map

My only problem is that I can't find how to make the map 100% Height.

Anyone had this problem before?

Solution

You have to set height for html and body tags also:

html, body { height: 100%; }

Look at this example.

Comments

[uɥƃnɐʌuop]

It should also be noted that the margin:0 and padding:0 css rules must also be applied to the body tag (which is in your example).

[Tomas]

Well, not necessarily, that depends on your taste. You need not to do it but you can.