Still experiencing this issue! <div id="mainWindow"
data-dojo-type="dijit/layout/BorderContainer"
data-dojo-props="design:'headline', gutters:false"
style="width:100%; height:100%;">
<div id="header"
data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="region:'top'"
style:"height:50px;">
<span>
City Centre Forward Planning
</span>
</div>
<div id="leftPane"
data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="region:'left'"
style="width:275px;">
Legend
<div id="tocDiv"></div>
</div>
<div id="centerPane"
data-dojo-type="dijit/layout/BorderContainer"
data-dojo-props="region:'center', gutters:false">
<div id="mapDiv"
data-dojo-type="dijit/layout/ContentPane" class="shadow"
data-dojo-props="region:'center'"
style="overflow:hidden;">
</div>
<div id="footer" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'bottom',doLayout:false">
<div id="timeInfo">
<div>City Centre Forward Planning works from <span id="daterange">2013 to 2024</span></div>
<div id="timeSliderDiv"></div>
</div>
</div>
</div>
</div>
and the css im referencing, this is in adition to the usual js css.
html, body {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
font-family: "Trebuchet MS";
}
#header {
background-color: #666666;
border: 1px solid #ffffff;
color: #ffffff;
font-size: 21pt;
font-weight: bold;
height: 30px;
overflow: hidden;
padding: 15px;
text-align: left;
}
#leftPane {
background-color: #FAFAFA;
border: 2px solid #B5BCC7;
color: #666666;
}
#centerPane {
border: medium none;
width: 100%;
height: 100%;
}
#footer {
background-color: #666666;
border: 2px solid #B5BCC7;
color: #ffffff;
font-size: 13pt;
height: 78px;
margin: 10px;
padding: 10px;
text-align: center;
}
.roundedCorners {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}
#mapDiv {
border: 10px solid #B5BCC7;
margin: 5px;
}
.dijitBorderContainer, .dijitGutter {
background-color: #D0EFF3 !important;
}
.shadow {
background-color: #FFFFFF;
border: 4px solid #B5BCC7;
box-shadow: 0 6px 3px -3px #888888;
padding: 8px;
}
It certainly is something to do with that left region div but i cannot track where, as soon as its in, even with no content it has the same issue!Here is the click [ATTACH=CONFIG]32638[/ATTACH]Without the positioning set on the mapDiv i get the map only populating the top half of the div.