html - 基于 Zurb 的 Foundation 3.2.5 的布局和 Opera 中某些页面的额外宽度

Question

我使用 zurb-foundation维护我网站的布局。首页that website在 Opera 12.14 中与其他一些页面完美呈现。但是，某些页面如 this page仅在 Opera 上右侧有额外的空格。我试图检查空白额外空间中的元素，它提到了 html 标签？!!我将 html 源代码复制到我的编辑器 (netbeans) 中，以查看是否缺少一些结束标记，但我没有找到任何一个。我的网站是rtl。什么应该导致这个问题？

Answer 1

我找到了 Opera 中这个布局问题的原因。这是由于 soundmanager2 .仅在 Opera 中，它会在结束 body 标记之前生成一个 div 标记，如下所示:

<div id="sm2-container" class="movieContainer sm2_debug" style="position: absolute; width: 6px; height: 6px; top: -9999px; left: 9999px;">
  <embed name="sm2movie" id="sm2movie" src="/quran/themed/slate/js/swf/soundmanager2_flash9_debug.swf" quality="high" allowscriptaccess="always" bgcolor="#ffffff" pluginspage="www.macromedia.com/go/getflashplayer" title="JS/Flash audio component (SoundManager 2)" type="application/x-shockwave-flash" haspriority="true">
</div>

由于我不知道如何让 Soundmanager2 停止生成这个 div，所以我决定使用 CSS 解决它，如下所示:

#sm2-container .movieContainer .sm2_debug{ 
 display: none; 
}

然而，上述 CSS 解决方案解决了布局问题，但它导致 Soundmanager 在 Opera 上停止工作!到目前为止，我认为这是对我关于布局的问题的回答。

最终解决方案:

来自 this answer在官方 SM2 论坛上。我必须制作一个带有 id sm2_container 的 div 并按如下方式设置它的样式，然后将它放在源代码中我想要的任何位置:

<div id="sm2-container" style="width:1px; height:1px; visibility: hidden" class="movieContainer sm2_debug" >
  
</div>

真正有用的样式是隐藏可见性，因为它只是一个白色背景的 swf 正方形，我想隐藏它。