Flashの表示について
FlashをSWFオブジェクトで表示しています。
回線が遅い場合、Flashが読み込まれる前に一瞬、Flashの表示領域の高さ(CSS)が反映されていない?のか、Flashの下に表示すべき領域がFlashの部分に表示されレイアウトが崩れます。
下記にFlashを表示させる部分に関係のあるHTMLとCSSを記載いたします。
---------- HTML ----------
・・・・・・・・・・・・・
<head>
<script type='text/javascript' src='js/jquery-1.2.6.min.js'></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
</head>
<body>
・・・・・・・・・・・・・
・・・・・・・・・・・・・
<div id="top">・・・・・</div>
<div id="flash"></div>
<script type="text/javascript">
var flashvars = null;
var params = { bgcolor: "#●●●"};
swfobject.embedSWF("movie.swf", "movie", "840", "250", "9.0.0","expressInstall.swf", flashvars, params);
</script>
<div id="buttom">・・・・</div>
---------- CSS ----------
#flash {
width: 840px;
height: 250px;
}
CSSの250pxが効いていないのかFlash領域の高さがない状態で、上のコンテンツ(div id="top">・・・・</div>)のすぐ下にコンテンツ(<div id="buttom">・・・・</div>)が表示されてしまいます。
解決策に関してどのようなことでも良いので教えてください。
よろしくお願いいたします。
お礼
ronjin_m3さん、回答ありがとうございます。質問したあとに、私もFirefoxでやってみましたが、NGでした。 他にネットで探したブログの中に、同じ事象の方が1名いました。 これで合計3人目です。昨日、夜通し、いろいろ調べましたが、結局、このエラーはサイトが原因ということで、自分の中で結論付けました。 私もナイキジャパンに問い合わせしました。初めての接続だったので、少々不安になりましたが、もしサイトの不具合が原因であるとしたら、トップページにでも周知してほしいものです。 でも、他に同様の方がいらしゃって、自分の環境だけでないことがわかり、とりあえずほっとしました。 重ね重ねありがとうございました!