ygorth

Help with the height of the map and toolbar.

Discussion created by ygorth on Jun 18, 2013
Latest reply on Jun 18, 2013 by ygorth
Hello,

I am a C # programmer for years. Now I'm interested in front-end. I did the code below, but something seems wrong.

I wish the divMap use the height available dynamically. Use 100% and not another value as height: 96.5%;. If I use 100% it generates scrollbar or hide part of the map, I would avoid it.


/* [ 1. General ] */

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

body
{
background-color: white;
overflow: hidden;
}

/* [ 2. Map / #mapDiv ] */

#mapDiv
{
height: 96.5%;
margin: 0;
}

/* [ 3. Toolbar / #toolbar ] */

#toolbar
{
text-align: center;
}



<body class="claro">
       
        <div id="toolbar" data-dojo-type="dijit/Toolbar">
            <button id="zoomin" type="button">
            </button>
            <button id="zoomout" type="button">
            </button>
            ...
        </div>

    <div id="mapDiv"></div>

    </div>


Thank you! (:

Outcomes