Mobile Template

KeisukeNozaki

I added dynamic map service to the mobile template from esri.

However, I see couple issues.

1. map does not cover full screen (when vertical).

2. background shows black on mobile browser (chrome).

Here is a site.

Any advice would be great.

Thank you.

Keisuke

JonathanUihlein

Using position relative is fine but you didn't position its container (mapContainer) so your position:relative doesn't mean anything.

You need to add rules to parent elements if you want to use position:relative.

Also, in the console:

TypeError: dom.byId(...) is null

dom.byId("map").style.height = availHeight + "px";

There is no dom element with the id of map. You use "mapDiv". There's a map class though.

On second look, the following snippet doesn't do anything at all because you are assigning this to a dom node with an ID of map, not a class of map.

#map {

  position:relative;

  width: 100%;

  height: 100%;

}