1

我正在对我的网站进行一些小的重新设计，并且正在努力使用 iFrame 来显示谷歌地图。iFrame 在 Chrome 中显示没有问题，但在 IE9 中没有。有趣的是，我可以看到它开始加载（有时甚至会看到“地图/卫星/地形”选项在正确加载时显示，但随后框架变为空白。我没有更改创建代码地图，它在我的 Chrome 和 IE 中的网站生产版本上运行良好。它一定是我正在使用的新 DIV 的东西，但我似乎找不到它。要在上下文中查看它，在这里是两个网站：
制作：http
://www.findthefishing.com/guidepage.php?guideID= 42 重新设计：http ://www.findthefishing.com/guidepage2.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. 没有声明文档类型
  2. 声明了两个 HEAD 部分 - 一个在正确的位置，一个在 BODY 标记内

修复这些和任何其他 HTML 问题可能会解决您的问题。

于 2012-08-20T09:06:36.890 回答