Hi All, Has anyone read message today? I see it's only been viewed once. Does anyone have any ideas on how I could approach the described problem?
Again, may thanks in advance. Best regards, Martijn Senden. sendeman wrote: > > Hi All, > > Last week I managed to set up a simple localhost map server using > Openlayers and UMN Mapserver. It all worked, across all modern browsers. > It was however a straightforward example wit a map that had a fixed width > and height. In the real page I'm making, the map needs to be in a div that > is positioned as follows: > > #map { > position: absolute; > top: 90px; > left: 10px; > right:10px; > bottom: 36px; > } > > In Firefox this works, but of course, IE can't handle both a top and a > bottom declaration on one element (nor both a left and a right > declaration). The way I normally solve this is by adding extra stylesheets > for versions of IE. I load them using conditional comments. > > The IE7 stylesheet would look like this: > #map { > height: expression(document.documentBody.clientHeight - 126 +"px"); > width: expression(document.documentBody.clientwidth - 20 +"px"); > } > > The IE6 stylesheet would look like this: > #map { > height: expression(document.documentElement.clientHeight - 126 +"px"); > width: expression(document.documentElement.clientWidth - 20 +"px"); > } > > All that works in IE, as long as I don't try to add an Openlayers map to > the div. I guess the problem is that IE handles the CSS after it handles > the Openlayers javascript and therefore Openlayers thinks the height and > width of the #map div are undefined (or zero?). It therefore renders the > #map_OpenLayers_ViewPort div with a zero height. > > I tried solving this by setting the height and width of the #map div > through javascript (not a really elegant solution, I'd rather do it > through css and without too much additional markup in the html), but > didn't get it to work. > > I read the > http://n2.nabble.com/Map-size-without-javascript-td2661939.html thread by > Ian Gibson , but the solution he found doesn't seem to work for me. > > Does anyone here have a possible solution to this issue? If not possible > by CSS then Javascript will have to do. Many thanks in advance for any > help. > > Best regards, > Martijn Senden. > -- View this message in context: http://n2.nabble.com/%27Fluid%27-map-in-IE-tp2674997p2679395.html Sent from the OpenLayers Users mailing list archive at Nabble.com. _______________________________________________ Users mailing list Users@openlayers.org http://openlayers.org/mailman/listinfo/users