I’m building an api v3 app that displays various length messages to the user. These messages vary in length from 2 lines to maybe around 20 lines. My goal was to develop a single variable height div that could be used to display any of these messages on top of the map. After a certain amount of analytical deductions, random guessing and other css futzing, I developed a pure and fairly straightforward css solution.
If you click the ‘Display message’ button on the demo map below, then you will see a div that dynamically adjusts its height in response to the message contents. A vertical scroll bar will appear if necessary. (The width is fixed.) It works fine in FF 3.6.6, Chrome and IE8. If you refine this solution or have an alternative way to produce a variable height div on top of an api map, please take a moment to share your solution with the rest of us. On the other hand, perhaps this solution is already well-known and the only new thing I am demonstrating here is the poor quality of the searching I did. http://www.mappingsupport.com/forum_post/variable_height_div.html -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" 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-js-api-v3?hl=en.
