播放列表无法在 IE 和 Chrome 中正确显示答案

【问题标题】：playlist not displaying properly in IE & Chrome播放列表无法在 IE 和 Chrome 中正确显示
【发布时间】：2012-08-10 13:33:02
【问题描述】：

Firefox 将我的播放列表显示在媒体播放器的右侧，这正是我想要的，但 IE 和 Chrome 将播放列表显示在播放器下方。

这里是一个例子（在 Chrome 或 IE 中打开，然后在 Firefox 中打开）

http://www.realcardio.com/play_workout_DEV.php?ID=34,R15,28,R30,19

无论浏览器如何，我如何才能将此播放列表放在播放器的右侧？

谢谢！丹麦

【问题讨论】：

标签： javascript css jwplayer playlist

【解决方案1】：

我会说 Firefox 做错了。 container_wrapper 和 width: 100% 在浮动 object 上有固定宽度 - 自然是 720px。所以那里没有jw_playlist_playlist 的物理空间。您需要调整object 元素的宽度，使其没有100%。

<div id="container_wrapper" style="position: relative; width: 720px; height: 390px">
    <object type="application/x-shockwave-flash" data="js/player.swf" width="100%" height="100%" bgcolor="#000000" id="container" name="container" tabindex="0">
    <div class="jw_playlist_playlist"></div>
</div>

编辑：将container_wrapper 的width 增加到1040px (720 + 320) 并将object 的宽度设置为720 px，你会很好:)

【讨论】：

我能够将 container_wrapper 的宽度扩大到 1040 像素，但是我在尝试修改对象的宽度时遇到了麻烦。我不确定这是如何创建的。有什么建议么？（感谢您帮助我）
!important 将为您提供帮助。在你的 CSS 中简单地写 #container_wrapper object{width: 720px !important;} - 这将强制浏览器应用这个宽度，但肯定最好找出为什么你有 width: 100% 作为属性
嘿，谢谢！播放列表在 IE 和 Chrome 中显示在右侧！