Zoom control and infowindows broken

[Tony]

hello,
i have a map working, for the most part, but the zoom control shows up as a tiny image of what looks like a part of the slider (in the red circle on the left in the attached image), and infowindows don't open or display content correctly (the larger red circle). the page i'm working on is located at http://bbbnyaccreditedbusinessguide.org/2011/locate. the site is under construction, so the page doesn't really do anything, but i really just need these ui elements to load correctly and i can't tell why they're not just working. thanks in advance for any help!

tony

[en4ce]

did you try to use the 3.4 version and checked if it works there ?
your code seems quite ok

On 14 Jun., 13:46, Tony <truthis...@gmail.com> wrote:
> hello,
> i have a map working, for the most part, but the zoom control shows up as a
> tiny image of what looks like a part of the slider (in the red circle on the
> left in the attached image), and infowindows don't open or display content

> correctly (the larger red circle). the page i'm working on is located athttp://bbbnyaccreditedbusinessguide.org/2011/locate. the site is under

> construction, so the page doesn't really do anything, but i really just need
> these ui elements to load correctly and i can't tell why they're not just
> working. thanks in advance for any help!
>
> tony
>

>  gmapserror.jpg
> 119KAnzeigenHerunterladen

[Tony]

thanks for taking a look!
yes, i've tried with every version since 3... no dice, and in 3.3 and below the markers become distorted...
i thought it might be something to do with css, as the corners of the infowindow and its drop shadow are not rendering properly, but i have no idea which properties could be causing the issue. i'm using a standard css reset and the rest is mostly based on specific id selectors, so i can't imagine there's a conflict...

[Jeremy Geerdes]

The problem is in your CSS. Specifically, reset.css, line 3. The rule to set img elements to a max-width of 100% causes problems because the containing divs are apparently 0 x 0. Simply add the line below to reset.css somewhere after line 3, and it seems to work for me:

#map img{max-width: inherit;}

Jeremy R. Geerdes

Generally Cool Guy

Des Moines, IA

For more information or a project quote:

jrge...@gmail.com

If you're in the Des Moines, IA, area, check out Debra Heights Wesleyan Church!

--
You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-maps-js-api-v3/-/cy7OUZoRM2kJ.
To post to this group, send email to google-map...@googlegroups.com.
To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.

[Tony]

Everything looks fine now, thanks a lot!

[Jeremy Geerdes]

By the way, I was able to track that down using the debugging tools built into Chrome (and filtering upward from there to WebKit). Firebug is awesome, but the debugging resources built into Chrome and its WebKit-based cousins have come a very long way and are, in fact, second to none. If you haven't given them a shot, I would highly recommend it. Here's a link to the IO 2011 session about them. I've watched it two or three times and picked up new tricks each time. Good stuff.

http://www.youtube.com/watch?v=N8SS-rUEZPg

Jeremy R. Geerdes

Generally Cool Guy

Des Moines, IA

For more information or a project quote:

jrge...@gmail.com

If you're in the Des Moines, IA, area, check out Debra Heights Wesleyan Church!

On Jun 14, 2011, at 9:58 PM, Tony wrote:

Everything looks fine now, thanks a lot!

--
You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group.

To view this discussion on the web visit https://groups.google.com/d/msg/google-maps-js-api-v3/-/CEWzzibA1MYJ.