Map not resizing

[FaizanTayyab]

HI All,

I have my map placed within a div

<div id="mapContainer">    <div id="mapDiv" dojotype="dijit.layout.ContentPane" region="center" style="height:100%; width:100%"></div> </div>

The mapContainer is itself within a jQuery ui tab widget.

The map re sizes itself when browser size is changed without any extra code in FF however in IE8, the map does not resize itself.

I have tried various suggestions including one from the guidelines but nothing seems to work. Any ideas?

dojo.connect(dojo.byId('mapDiv'), 'resize', function(extent) {        map.resize(); });

Moving the map div under the body tag and not within any widget or any other tags fixes the issue, but i do want to use the tab widget.

Thanks

[HemingZhu]

HI All,

I have my map placed within a div

<div id="mapContainer">
   <div id="mapDiv" dojotype="dijit.layout.ContentPane" region="center" style="height:100%; width:100%"></div>
</div>

The mapContainer is itself within a jQuery ui tab widget.

The map re sizes itself when browser size is changed without any extra code in FF however in IE8, the map does not resize itself.

I have tried various suggestions including one from the guidelines but nothing seems to work. Any ideas?

dojo.connect(dojo.byId('mapDiv'), 'resize', function(extent) { 
      map.resize();
});

Moving the map div under the body tag and not within any widget or any other tags fixes the issue, but i do want to use the tab widget.

Thanks

Have you tried to use jQuery's bind method to raise the map control's resize event?

[SamirGambhir]

Have you tried to use jQuery's bind method to raise the map control's resize event?

IE8 is very picky in parsing JavaScript code. Try using IE9. If it works in IE9 then you are sure it is not your code but this buggy, useless browser.

[FaizanTayyab · Accepted solution]

It worked in IE8 after including the compatibility meta tag.