在我重新设计时无法让 iFrame 在 Internet Explorer 中工作答案

【问题标题】：Can't get iFrame to work in Internet Explorer on my redesign在我重新设计时无法让 iFrame 在 Internet Explorer 中工作
【发布时间】：2012-08-20 17:06:36
【问题描述】：

我正在对我的网站进行一些小的重新设计，并且正在努力使用 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;
}

如果有人能给我一些见解，我将不胜感激！

【问题讨论】：

您打开了三个DIVs 并关闭了两个DIVs？是错字吗？
如果您查看页面中的 HTML，他们只是复制了太多的 DIV - 它确实在上下文中正确关闭。 OP：这两个版本在 IE9 中对我来说都加载得很好。
@Passerby - 是的，这是一个错字 - 我只是没有复制足够多的代码。
@zenkaty - 在我进行“修复”之前，它看起来对你来说工作正常。也许它一直运行良好，但我只是遇到了 IE-Google 连接的间歇性问题。无论哪种方式，代码现在应该更干净，并且一切似乎都在工作。感谢 cmets！

标签： css internet-explorer google-chrome html

【解决方案1】：

新页面上的 HTML 有很多问题：

没有声明文档类型
声明了两个 HEAD 部分 - 一个在正确的位置，一个在 BODY 标记中

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

【讨论】：

比利，感谢您的帮助。那行得通。在我修复双 HEAD 标签之后，但在我声明文档类型之前，它开始在 IE8 中工作（我没有机会检查 IE9）。我在页面的生产版本上遇到了同样的问题，所以我无法解释为什么没有这些修复它会起作用，但我很感激它以任何一种方式解决了它。再次感谢！