On Apr 1, 10:13 am, mixandgo <[email protected]> wrote: > So I have my map inside a DIV which has it's size determined thru JS > based on browser window size like so: > > <div id="map_wrapper"> > > <div id="col1"> > ... some search results here ... > </div> > > <div id="col2"> > <div id="map"> </div> > </div> > > </div> > > #col1 { > float: left; > height: 100%; > > } > > #map { > position: absolute; > top: 0; > right: 0; > height: 100%; > > } > > The height of the #map_wrapper is set through JS and #map, #col1 have > height: 100%; > This all works fine (the map container and contents stretch as they > should) cross-browser except for IE6. In IE6 the #map and #col1 stays > the same size even tho the wrapper changes height. > > I've also tried setting the #map height with JS but then the extra > part of the map shows in gray. checkResize() doesn't work either. > > I would appreciate any help I can get. http://groups.google.com/group/google-maps-api/web/suggested-posting-guidelines http://groups.google.com/group/Google-Maps-API/web/why-including-a-link-is-critical
Part 20 Using a percentage height for the map div http://econym.org.uk/gmap/basic19.htm -- Larry -- You received this message because you are subscribed to the Google Groups "Google Maps API" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-api?hl=en.
