0

サイトでSoundcloudを試してみます。スペースに合わせてiframeのサイズを変更しました。これはChrome/FF/Safariでシームレスに機能しました。

ただし、IEでは、サイズを変更するのではなく、表示可能なスペースを切り捨てます。

例えば：

見た目は次のとおりです。

IEの解釈（実際に表示したり、再生ボタンをクリックしたりすることはできません）：

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でエラーが発生します。

Webページエラーの詳細

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

何が起こっているのかアイデアはありますか？ありがとう！

4

0 に答える 0