Select to view content in your preferred language

loading htm page with map into dojox Content Pane -- map doesnt fill up entire pane

1008
3
Jump to solution
07-02-2014 07:30 AM
PeteVitt
Frequent Contributor
Hi - Im loading an htm page with a map into the center content pane of another htm page and the map is only filling up about half of the content pane.  I've got these styles in both pages:

<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>  <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">     <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css">  <style type="text/css"> html, body {     width: 100%;     height: 100%;     margin: 0; }


Any ideas how to fix this?

Thanks

[ATTACH=CONFIG]35036[/ATTACH]
0 Kudos
1 Solution

Accepted Solutions
MirceaMaierean
Deactivated User
try putting the mapdiv in the css.

html, body, #mapDiv {
            padding: 0;
            margin: 0;
            height: 100%;
        }

View solution in original post

0 Kudos
3 Replies
LisCollins
Deactivated User
Can you post your full code? (Or at least your body code?)



ETA:
Not sure if this will help, but my css/layout.css code includes this:
html,body {
height:100%;
width:100%;
padding:0;
margin:0;
overflow:hidden;
}

body {
background-color:#fff;
color:#333;
font-size:14px;
overflow:hidden;
font-family:Georgia, "Times New Roman", Times, serif;
}
0 Kudos
MirceaMaierean
Deactivated User
try putting the mapdiv in the css.

html, body, #mapDiv {
            padding: 0;
            margin: 0;
            height: 100%;
        }
0 Kudos
PeteVitt
Frequent Contributor
try putting the mapdiv in the css.

html, body, #mapDiv {
            padding: 0;
            margin: 0;
            height: 100%;
        }


That did the trick, Thanks!
0 Kudos