Gray vertical bar on right side of map in IE only

194 views
Skip to first unread message

Steve D

unread,
Mar 5, 2010, 1:50:32 PM3/5/10
to Google Maps JavaScript API v3
Subject pretty much says it all. For some reason there appears to be
a vertical line of gray up the right side of my map. Doesn't appear
in Firefox or Opera, just IE. (I only have IE 8 to work with as
well.)

http://pos.monitorpc.operaunite.com/webserver/content/ABCmap.html

Umm, yeah. It's not a show stopper, but annoying. I want to say it
only appeared in the last couple of days, it wasn't there when I first
got the overlay working, but then I might not have paid that much
attention before. Ideas?

Marcelo

unread,
Mar 5, 2010, 2:22:48 PM3/5/10
to Google Maps JavaScript API v3
It does the same in IE7.

Try adding a DOCTYPE declaration.
See:
http://msdn.microsoft.com/en-us/library/ms535242(VS.85).aspx

at the bottom of that page, MS says that only some DOCTYPE
declarations will cause IE to go into "standards compliant" mode.
(What standards they are talking about only they know) ;-)

Also, try adding the IE7 compatibility mata tag:
http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx

--
Marcelo - http://maps.forum.nu
--

Brak

unread,
Mar 5, 2010, 3:09:10 PM3/5/10
to Google Maps JavaScript API v3
Marcelo is right. The page doesn't have a DOCTYPE so IE interprets the
page using it's Quirks Mode instead of strict. Adding a DOCTYPE for
any of the strict types will make IE render the map properly. I
checked and this does fix the problem. Personally, I'd use my new
favorite, the HTML 5 type:
<!DOCTYPE html>

Incidentally, the gray space is caused by the width of a vertical
scroll bar in a nested DIV tag generated by the maps interface. It's
just a quirk of how IE Quirks Mode interprets rules.

On Mar 5, 2:22 pm, Marcelo <marcelo...@hotmail.com> wrote:
> It does the same in IE7.
>
> Try adding a DOCTYPE declaration.
> See:http://msdn.microsoft.com/en-us/library/ms535242(VS.85).aspx
>
> at the bottom of that page, MS says that only some DOCTYPE
> declarations will cause IE to go into "standards compliant" mode.
> (What standards they are talking about only they know) ;-)
>
> Also, try adding the IE7 compatibility mata tag:http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx
>
> --

> Marcelo -http://maps.forum.nu

Steve D

unread,
Mar 5, 2010, 5:33:51 PM3/5/10
to google-map...@googlegroups.com
Oh, well for gosh sakes.  I thought I buggered up the javascript or the div itself.  Thanks a ton fellas.

-Steve D

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


Reply all
Reply to author
Forward
0 new messages