2012-03-16 1 views
3

私はフルスクリーンフラッシュムービーを読み込み、FirefoxとChromeで正しく表示します。 IEでは、幅1/3で表示されます。埋め込まれたコードは比較的簡単です:IEはswfobjectを使用して間違った高さのフラッシュムービーを表示します

<html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <script src="/javascripts/swfobject.js?1331841761" type="text/javascript"></script> 
    <script type="text/javascript"> 
     //<![CDATA[ 
swfobject.embedSWF('/bin/SglWeb.swf','flashContent','100%','100%','11.0.0','/expressInstall.swf',{},{},{}); 
    //]]> 
    </script> 
    <style> 
     body { margin: 0px; overflow: hidden; } 
    </style> 
    </head> 
    <body> 
    <div id="flashContent"> 
     <p><a href="https://www.adobe.com/go/getflashplayer"><img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p> 
    </div> 
    </body> 
</html> 

私が変更した場合:

swfobject.embedSWF('/bin/SglWeb.swf','flashContent','100%','100%','11.0.0','/expressInstall.swf',{},{},{}); 

swfobject.embedSWF('/bin/SglWeb.swf','flashContent','1024','768','11.0.0','/expressInstall.swf',{},{},{}); 

へのIEは、高さを尊重するが、私は本当に100%の高さを利用したいと思います。私は何が間違っていますか?あなたがIEで迷惑hasLayoutの問題が発生しているようにIE 8でテスト

は、Windows XPでは、Flash Playerの11、SWFObject v2.0の

+0

2つの事柄私は(直接答えはありませんが)divの背景色を設定して、divのサイズが正しくないのか、 divのサイズが間違ってdiv自体の幅を変更しようとしているのを見て、最初の失敗が最新のswfobject 2.2にアップグレードしている場合は2番目のことを試してみてください。 – shaunhusain

+0

プレスf12およびレンダリングされたbiengを参照... – loxxy

+0

提案ありがとうswfobjectはdivをコードに置き換えているので、divに追加するスタイルは無視されます。 – Egon

答えて

2

は、それは私に聞こえます。あなたのdivは高さを指定しておらず、あなたのフラッシュムービーの高さは100%です。IEは切り詰められ、デフォルトの高さに戻ります(私は300pxの範囲にあると思います)。 This is a good article on hasLayout。 display:inline-blockまたはmin-height:anyvalueをコンテナdivに追加して、IE上でhasLayoutを強制的に動作させてみましょう。

+0

ヘザーにお返事ありがとうございます。残念ながらあなたが言及したハックのどれも働かなかった。私はあなたのリンクを読んで続けて、他のアプローチを試し続け、結果をあなたに知らせます。 – Egon

+0

あなたはまだ高さ:100%を使用していますか?フラッシュムービーの高さを設定しようとしましたか? – huzzah

+1

あなたは正しいです。そのトリックは、swfobjectがdivを内部に埋め込むのではなく置き換えることです。 swfobjectにこの動作を追加するよう指示しなければならなかった: 'swfobject.embedSWF( '/ bin/SglWeb.swf'、 'flashContent'、 '100%'、 '100%'、 '10.0.0'、 '/ expressInstall.swf' 、{}、{}、{スタイル: "幅:100%;高さ:100%;位置:絶対"}); ' – Egon

4

この問題のもう1つの可能な解決策:マイレール3サーバーは、自動的に次のHTTPヘッダーを追加しました:IEの8振る舞いを変更

X-Ua-Compatible: IE=Edge,chrome=1 

。私はそれを削除し、それも問題を解決しました。 IEで作業しているときに覚えておくべき詳細がたくさんあります:/

+1

うわー!そこに良いキャッチ!私のマントラは "interwebsでクールに見えるものは確かにIEで動作しません" – huzzah

関連する問題