※ ChatGPTを利用し、要約された質問です(原文:SWFObject使用時のリキッドデザイン)
SWFObject使用時のリキッドデザイン
このQ&Aのポイント
SWFObjectを使用してフラッシュのプラグインがない場合は他のソースを読み込み、ある場合はフラッシュをリキッドデザインで表示するように作っています。
しかし、リキッドデザインのフラッシュが表示される時に高さを100%にしているのもかかわらず、180pxくらいで表示が切れてしまいます。
この現象はIEで起きてしまい、GoogleChromeでは正常に動作しました。他のブラウザでは試していません。
SWFObjectを使用してフラッシュのプラグインがない場合は他のソースを読み込み、ある場合はフラッシュをリキッドデザインで表示するように作っています。
しかし、リキッドデザインのフラッシュが表示される時に高さを100%にしているのもかかわらず、180pxくらいで表示が切れてしまいます。この現象はIEで起きてしまい、GoogleChromeでは正常に動作しました。他のブラウザでは試していません。
自分ではこれ以上どこを修正すればいいか分かりません。
どなたかお知恵を貸してください。よろしくお願いします。
ブラウザIE8、GoogleChrome4.1.249.1045
スクリプトSWFObject2_2を使用しています。
以下、HTMLのソースです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="main" lang="en" xml:lang="en">
<head>
<title>SWFObject 2 static publishing example page</title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {
quality:'high',
scale:'showall',
salign:'lt',
bgcolor:'#eeeeee',
allowScriptAccess:'sameDomain'};
var attributes = {};
swfobject.embedSWF("test.swf", "id", "100%", "100%", "9.0.0", "expressInstall.swf",flashvars,params,attributes);</script>
</head>
<body>
<div id="id">
<p>プラグインが入っていません。</p>
</div>
</body>
</html>
お礼
回答ありがとうございます。 教えて頂いたとおり試してみたところ、 px数が少なすぎてリキッドデザインが制限されたり、 多すぎてスクロールバーが長くなってしまったりしました。 高さのみ数値化し800pxにしたところ気にならないレベルにできました。 また、SWFObject1.5で試したところ、100%,100%の指定でなぜかうまくレイアウトできました。 原因がよくわからず完全に納得いく形ではないですが解決できました。 ありがとうございました。