bing map control doesn't respect div

ajax, bing-maps, html

Solution

Using the position parameter solved my problem.

<div id="prdmap" style="position:absolute; width:400px; height:400px;></div>

Problem

From this page http://www.bingmapsportal.com/isdk/ajaxv7#CreateMap1 I was able to create a map. This is the html code: ``` <div class="fluid-row" style="height:300px;"> <div class="span12"> <div id="prdmap" class="map"> </div> </div> ``` And the javascript: ``` var map = null; $(document).ready(function(){ map = new Microsoft.Maps.Map(document.getElementById('prdmap'), { credentials: 'api_key', enableSearchLogo: false, enableClickableLogo: false }); map.setView({mapTypeId : Microsoft.Maps.MapTypeId.road}); }); ``` But when the map loads it takes all the screen, not the height and with of its container. Is this possible to take the height and width of the container div?

Original source