Software and Technology Ramblings

September 9, 2009

Google Maps Info Window Too Big – Fixed!

Filed under: CSS, Google Maps — Doug Hays @ 9:13 am

It always feels good to solve a long-standing and puzzling issue.  Today’s fix has to do with a Google Maps window that was about 50% taller than it had to be:

Google Maps Info Window - Too Tall

After several rounds of setting fixed widths inside the info window’s HTML content, I added the following CSS for .gmapmarker which is the class of the div that wraps all of my info window’s content:

#gmapmarker {
display: block;
max-height: 185px;
}
.gmapmarker {
    max-height: 185px;
}
And that did the trick:
Google Maps Info Window - Height Fixed

Powered by WordPress