コードを何度か調べて調べましたが、問題の解決策が見つかりません。
FireFox の iFrame:
Chrome の iFrame:
HTML:
<iframe width="100%" height="100%" frameBorder="0" id="map" src="link-to-map"></iframe>
CSS:
#map {
max-width: 900px;
height: 400px !important;
padding: 10px;
margin: 20px auto;
}
FireFox の高さの問題を修正しようとしたことはありません。他の誰かがこの問題を抱えていて、解決策を見つけましたか?