Googleマップdiv map_canvasがFirefoxの右側に移動している場合、この問題を解決するにはどうすればよいですか？

Question

私は、連絡先ページで、マップビュー（map_canvas div）がブラウザのビューポートに残っているすべての空き領域を取るWebサイトを作成しています。

ユーザーがウィンドウのサイズを変更すると、すべてが更新されます。 これはChrome、IE、Safariではうまくいきますが、Firefoxではうまくいきません...

Googleのapiで自動的に生成されたスタイル属性を削除すると、スタイルのオーバーフロー：非表示になり、地図表示が正しく表示されていました。

余白やパディングはありません。

私は本当に誰かがフロートの追加ここ;-)

Answer 1

を私を助けることを願って：#map_canvasに委ね、それがFirefoxで正しく表示させるように思われます。

しかし、あなたがチェックアウトしなければならないresizeStuff関数にはいくつかの問題があるようです。ブラウザのサイズを変更する際クロームコンソールがこのエラーを投げている：

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

Answer 2

私はこのEXACT問題があった：

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

これが唯一のFFでキャンバスの修正プログラムを適用します。左：-350ピクセルを地図の幅に合わせて変更します。