Soundcloud在IE中没有正确调整大小

时间:2012-09-28 19:00:55

标签: html css internet-explorer css-float soundcloud

为网站试用Soundcloud。我调整了iframe的大小以适应空间 - 这在Chrome / FF / Safari中无缝地工作。

在IE上但是它没有调整大小,而是截断了可视空间。

例如:

The way it's supposed to look:
http://img688.imageshack.us/img688/4135/a1e99371c7c441e8b81f6ba.png

IE's interpretation (can't really see or click play button):

http://img692.imageshack.us/img692/7923/c0c000703a8743039cd7bde.png

HTML:

<div class="rightnav_below">
    <iframe width="100%" height="180" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http...&amp;auto_play=false&amp;show_artwork=true&amp;color=ff7700"></iframe>
</div><!-- end .rightnav_below -->

CSS:

#wrap #content #rightnav_wrapper .rightnav_below {display: block; text-align: left; margin-top: 20px;  background: #ccc; border-color:#fc663d;}

#wrap #content #rightnav_wrapper  .rightnav_below iframe{float: none;  height: 180px; width: 180px; vertical-align: top; }

此外,当我点击那个微小的播放部分时,在IE中出现错误:

网页错误详情

Message: 'nodeName' is null or not an object
Line: 3
Char: 99080
Code: 0
URI: http://w.soundcloud.com/player/?url=...http...&auto_play=false&show_artwork=true&color=ff7700

任何想法发生了什么?谢谢!

0 个答案:

没有答案