This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

My google map has stopped working: I have firefox 12.0 and my google map just displays a blank square instead of the map.

  • 8 replies
  • 4 have this problem
  • 1 view
  • Last reply by baroo

more options

My googlemap fails to load. It displays an empty blue square instead of the map. I have disabled all pluginsand extensions started in safe mode, cleared cache and cookies but to no avail. Wot to do! It works in Chrome but also have the same problem with IE9. I'm not sure when it started but it was working fine within the last month.

My googlemap fails to load. It displays an empty blue square instead of the map. I have disabled all pluginsand extensions started in safe mode, cleared cache and cookies but to no avail. Wot to do! It works in Chrome but also have the same problem with IE9. I'm not sure when it started but it was working fine within the last month.

Modified by baroo

Chosen solution

Looks like a problem with the width of the containers that make the width set to 100% of 0

These style rules make the images appear for me:

@-moz-document domain(www.ctiscarborough.org.uk){
div.view-content > div > div > div,
div.view-content > div > div > div > div,
div.view-content > div > div > div > div > div {width:100%}
}
Read this answer in context 👍 1

All Replies (8)

more options

hello, can you please enter about:config into the location bar and right-click & reset the following preferences: network.http.pipelining, network.http.pipelining.maxrequests, network.http.proxy.pipelining

another thing to try is updating the graphics driver - here is the direct link from ATI/AMD or you might have to consult the support section of your manufacturer's homepage...

Upgrade your graphics drivers to use hardware acceleration and WebGL

more options

Tried all those and still no joy :(

more options

Did you try to update the graphics display driver as suggested in the Graphics section at the bottom of the Help > Troubleshooting Information page?


Create a new profile as a test to check if your current profile is causing the problems.

See "Basic Troubleshooting: Make a new profile":

There may be extensions and plugins installed by default in a new profile, so check that in "Tools > Add-ons > Extensions & Plugins" in case there are still problems.

If the new profile works then you can transfer some files from the old profile to that new profile, but be careful not to copy corrupted files.

See:

more options

ok, i just looked at the system details & the website you've referred to (not the main google maps but an embedded version) - i can't get it to work on firefox or opera either, so probably the website is not set-up properly. or maybe because google has decided to charge site-owners for the embedding of maps & therefore it won't work any longer...

more options

Chosen Solution

Looks like a problem with the width of the containers that make the width set to 100% of 0

These style rules make the images appear for me:

@-moz-document domain(www.ctiscarborough.org.uk){
div.view-content > div > div > div,
div.view-content > div > div > div > div,
div.view-content > div > div > div > div > div {width:100%}
}

Modified by cor-el

more options

Thanks so much everybody for your quick responses and ready time given to my problem. I will obviously have a look at the css problem above first but I was wondering cor-el if you could email me a snapshot of the the styling you are referring to as last night I spent quite a while trying to find it but to no avail ...

more options

I hadn't looked at the page source, but I doing that I see that the entire map content is generated via JavaScript.

There are a lot of JavaScript files involved and it is beyond my knowledge and ability to see how the various DIV containers are generated.
They all have a style attribute and no CSS files seem to be used, so that would mean to identify the code and see if you can add a width attribute.

You can try the MozillaZine "Web Development/Standards Evangelism" forum to see if someone there has suggestions on how to deal with this.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.

more options

Hi Corel - When I tested your styling before I had only put div.view-content {width:100%} instead of the whole lot (I've never seen styling like that before) but having copy and pasted the whole lot - it works! Sorry for not following instructions fully and A BIG THANK YOU for sorting my problem out :o)