1

サイトのマイナーな再設計を行っている最中で、iFrame を使用して Google マップを表示するのに苦労しています。iFrame は Chrome では問題なく表示されますが、IE9 では表示されません。興味深いことに、ロードが開始されているのがわかります (そして、正しくロードされたときに「地図/土/地形」オプションが表示されることもありますが、その後、フレームが空白になります。これは、Chrome と IE の両方で、サイトの本番バージョンで正常に動作します.これは、私が使用している新しい DIV を使用する必要がありますが、見つけることができないようです.文脈で見るには、ここで次の 2 つのサイトがあります:
製品 : http://www.findthefishing.com/guidepage.php?guideID=42


関連するコードは次のとおりです。

<div id="guidepagecontent">
<div id="guidepagemapcont">
<div id="guidepagemap">
<iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=4000+Crandon+Blvd,+Key+Biscayne,+FL&hl=en&z=14&amp;iwloc=A&amp;output=embed"></iframe><br><a href="https://maps.google.com/maps?q=4000+Crandon+Blvd,+Key+Biscayne,+FL&hl=en&z=14" target="_blank"> View Larger Map</a></div>
</div>


#guidepagemapcont {
float: right;
width: 310px;
margin: auto;
position: relative;
}

#guidepagemap {
background-color: #ffffff;
padding:0px 0px 10px 10px; 
font-size: 14px;
text-align:center;
}

#guidepagecontent {
padding: 10px;
font-size: 12px;
background-color: #ffffff;
position: relative;
}

誰かが私に洞察を与えることができれば、本当に感謝しています！

4

1 に答える 1

1

新しいページの HTML にはかなりの問題があります。

  1. Doctype が宣言されていません
  2. 2 つの HEAD セクションが宣言されている - 1 つは正しい場所に、もう 1 つは BODY タグ内にある

これらおよびその他の HTML の問題を修正すると、問題が解決する場合があります。

于 2012-08-20T09:06:36.890 に答える