如何修复此问题,其中Google Maps div map_canvas在Firefox中向右移动?

时间:2011-10-29 19:25:11

标签: html css firefox google-maps

我正在创建一个网站,在联系人页面上,地图视图(map_canvas div)将占用浏览器视口中剩余的所有可用空间。

当用户调整窗口大小时,所有内容都会更新。 这在Chrome,IE,Safari中非常有效,但在Firefox中却不行......

我注意到当我删除(由google的api自动生成的样式属性)样式属性overflow:hidden时,地图视图会正确显示。

没有边距或填充。

我真的希望有人可以帮助我; - )

2 个答案:

答案 0 :(得分:1)

添加float:left到#map_canvas似乎可以在Firefox中正确显示。

但是,您可能需要检查resizeStuff函数是否存在一些问题。调整浏览器大小时,Chrome控制台会抛出此错误:

Uncaught TypeError: Object [object Object] has no method 'gmap' resizeStuff

答案 1 :(得分:0)

我遇到了这个问题:

    <style type="text/css">
      @-moz-document url-prefix() {
        div #map_canvas {
          left: -350px;
        }
      }
    </style>

这将仅在FF中应用画布修复。将左边:-350px改为你的地图宽度。