I’m trying to place some text and form elements into a Google Maps InfoWindow. Problem I’m having is once I got beyond formatting the text to adding padding, floats and such like, the InfoWindow loses the proportions/sizes and thus it’s too small and produces scrollbars.
Setting the outer div within the InfoWindow to a set size with display: block; doesn’t work. So it seems like it ignores the CSS I’m setting beyond font-size.
Anybody know of a way to get Google Maps take into account the CSS of elements in the InfoWindow before setting it’s height/width?
After speaking to a colleague about the issue, it turns out that it was due to the CSS being nested within another class. As I had the all the type attributes set within the root of the CSS doc, they where being accounted for.
So taking the inner
divCSS attributes of theInfoWindowcontent and putting them in the root of the CSS allowed Google Maps to work out the actual height of theInfoWindow.