为网站试用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...&auto_play=false&show_artwork=true&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
任何想法发生了什么?谢谢!