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
-~----------~----~----~----~------~----~------~--~---

Reply via email to