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.
Thanks
--
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.
