[OpenLayers-Users] map div height 90% not working

Tue Sep 15 14:18:00 EDT 2009

Hi,

P Kishor wrote:
> I have the following page structure
>
> body { width: 100%; height: 100%; margin: 0; }
>   

You have to add

html {
    height: 100%,
    width: 100%
}

Regards,
Andreas.

> #main { width: 100%; height: 100%; }
> #map { width: 100%; height: 90%; }
>
> <body>
> <div id="main">
>   <div id="map"></div>
>   <div id="coords"></div>
> </div>
> </body>
>
>
> Yet, my map div height collapses to nothing... a pixel maybe, and the
> map vanishes. Of course, if I change either #main { height: 700px; }
> or #map { 650px; }, the map displays fine. I am testing on Firefox. Is
> there some trick to making the map div expand to 90% of the height of
> the browser window?
>
>
>   

-- 
Andreas Hocevar
OpenGeo - http://opengeo.org/
Expert service straight from the developers.