Question

我使用zurb-foundation来维护我网站的布局。 that website的主页在Opera 12.14中与其他页面完全相同。但是，某些页面（如this page）在Opera右侧只有额外的空白区域。我试图检查空白额外空间中的元素，它提到了html标签？!!我将html源代码复制到我的编辑器（netbeans）中以查看是否有一些丢失的结束标记，但我没有找到它们中的任何一个。我的网站是rtl。应该导致这个问题的原因是什么？

Answer 1

我在Opera中遇到了这个布局问题。这是由于soundmanager2。在Opera中，它只在关闭正文标记之前生成一个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上工作！直到这一点，我认为这是我对布局问题的答案。

The Final Solurtion：

来自官方SM2论坛上的this answer。我必须创建一个带有id sm2_container的div并按如下方式设置它，然后将它放在我想要的任何地方：

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

</div>

真正有用的风格是隐藏的，因为它只是一个白色背景的swf广场，我想隐藏它。

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

1 个答案:

The Final Solurtion：