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

Question

我正在对我的网站进行一些小的重新设计，我正在努力使用 iFrame 来显示谷歌地图。 iFrame 在 Chrome 中显示没有问题，但在 IE9 中却没有。有趣的是，我可以看到它开始加载(有时甚至会看到“Map/Sat/Terrain”选项显示，当它正确加载时你会看到，但随后框架变为空白。我没有更改用于创建的代码 map ，它在我的 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;
}

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

Answer 1

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

1. 没有声明文档类型
2. 声明了两个 HEAD 部分 - 一个在正确的位置，一个在 BODY 标签内

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