Hi, Vara.
I'm suffering from the same problem.
Could you teach me the way to solve the problem?
I'm not using DOJO container, so I think my situation is the same as your one.
Thanks in advance.
If should just be the CSS. Can you post your code, maybe on JS Bin - Collaborative JavaScript Debugging ?
Here are some Plunkr examples that show a full screen map.
Could you share what you did to fix the problem? Thanks!
Besides setting the width and height of the map, the width and height of each parent element must be set, from the map div all the way up to HTML. Leaving any layer height out will cause the map height to reset to 400px. Same goes for width.
position absolute always does the trick for me
#map {
position: absolute;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}