I was testing it in Firefox 3.5. The same problem shows on Chrome 2 and Safari 4.
I have then opened that page in IE8 and at my great surprise, it shows as if there was another toolbar the same width at right. The map's width is now equal to the browser's width minus 2 times the toolbar width and displays in the center of the screen. Even more surprising is the fact that the map's div do not show any scrollbar now. :) Conclusion: IE8 still renders differently than other browsers in some circumstances. On Aug 26, 11:16 pm, Marc Lacoursière <[email protected]> wrote: > Hello! > > I'll be short... I am trying to do a simple layout very similar than > the official Google Maps website. I need a "toolbar" at left and the > map shoud take all remaining space. Easy! > > I have put 2 divs in my implementation. The map in the center has 100% > width and height. It works great when alone. > > Now, I am adding a toolbar floating at left. Then I use the toolbar's > width as a margin-left on the map. They then lay out correctly except > there's a catch! The map's div has an horizontal scrollbar to > accommodate what seems to be a still full screen map without the > margin. I mean, the margin restricts the div's width but the map seems > to be still as wide as the browser. > > Interesting thing to mention. When I replace the margin-left for a > padding-left, the map takes all the screen and thus there is no more > toolbar visible. The div still shows an horizontal scrollbar for what > seems to be the width of the padding. I presume that the map now has a > width larger than the browser's real estate. > > Is there a simple way to make it work? By the way I only care about > the latest browsers. My goal is to make the simplest CSS possible, so > I don't care about IE6 hacks. > > Thanks! > > Marc Lacoursière > RooSoft Computing inc. --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
