• ベストアンサー

フラッシュの幅をブラウザ一杯に表示させたい

フラッシュを作成したのですが、高さは500pxほどで、幅だけをブラウザいっぱいに表示させたいと考えています。 width100%ではできなかったのですが、どのような方法がありますでしょうか?

  • zyaba
  • お礼率46% (261/566)
  • Flash
  • 回答数2
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

HTMLのほうのFLASH領域は100%に広がっていますか? もしくわ、FLASHに // 100%表示 stage.scaleMode = StageScaleMode.NO_SCALE; // 左上指定 stage.align = StageAlign.TOP_LEFT; をいれてみてはどうでしょうか?

その他の回答 (1)

  • tamta2
  • ベストアンサー率25% (2/8)
回答No.1

高さを固定(500px)すると横幅も固定されると思われます。 なので、高さもパーセントで指定するか、 もとのステージの幅を広げるかになると思います。

zyaba
質問者

補足

ご回答ありがとうございます。 下記サイトのようにフラッシュがブラウザ幅にピッタリ収まるように作りたいのですが http://www.able.co.jp/ どうしても左隅に少し余白ができてしまいます。

関連するQ&A

  • ブラウザ幅いっぱいのFlashについて質問です

    初心者で、WEBデザイナーの就職活動、面接のためにホームページを作成中の者です。 企業サイトなどでよく見られるのですが、Flashだけブラウザ幅いっぱいに配置され、メインのナビゲーションやコンテンツは900~950pxくらいのものです。 ブラウザを拡大縮小したり、幅や縦を変えてもメインの部分と一緒にキレイに変わっていきます。 これはFlashのwidthを目いっぱい多めにつくっているのでしょうか? action scriptで指定しているのでしょうか。 CSSの記述も含めて、このようなホームページの作成の仕方を教えてください。 お願いいたします。

    • ベストアンサー
    • Flash
  • CSS、ブラウザの幅が狭まったときの表示

    CSS学習中です。 ブラウザの幅が狭まったときの表示について教えてください。 現在、CSSファイルで以下のように書いています。 【test.css】 #alpha, #beta, #gamma { position: relative;  display: inline;  float: left; } #alpha {  width: 300px;  background: #f00; } #beta {  width: 100px;  background: #0f0; } #gamma {  width: 100px;  background: #00f; } このCSSを使い、 <body>  <div id="alpha"> Alpha </div>  <div id="beta"> Beta </div>  <div id="gamma"> Gamma </div> </body> と表示させています。 ブラウザの表示幅が広いときは同じ行に  Alpha Beta Gamma と並ぶのですが、ブラウザの表示幅を狭めると、入りきらないGammaが下の行に表示されます。 そうではなく、入りきらない部分は表示されない(表示が欠ける)様にしたいのですが、どのようにすればよいのでしょうか? ブラウザはIE6を使用しています。

    • ベストアンサー
    • HTML
  • 【横幅を可変(?)】Flashの表示幅を変更させたい

    いつもお世話になっております。 今回は、Flashについて質問です。 1,800px×300pxと言うデカイFlashがあります。 これを、HTMLに埋め込み再生するのですが、 ブラウザ幅に合わせて横幅のみ可変させる方法を知りたいです。 ※高さは固定 ※1,800×300と言う比率は変わらない。 つまり、ブラウザの横幅が1,000pxだった場合、 Flashは1,000pxまでしか表示させない。 残り800pxはマスク(?)する感覚です。 参考になればと思い、画像を用意しました。 ↓ http://www.gochader.com/sample.gif ご意見、ご回答よろしくお願いいたします!!!!

    • ベストアンサー
    • Flash
  • ヘッダー画像を幅一杯にすると高さが縮小されてしまう

    ホームページを作成しています。ヘッダー用に用意した写真をブラウザの横幅いっぱいに表示し、高さも指定したもので表示したいのですが、思うようにできません。ヘッダーの画像サイズはwidth:1800px height:483pxです。今の状況は横幅は表示サイズをどう変更しても枠いっぱいに表示されてはいるのですが、どういうわけか高さが縮小されて表示されてしまっていて、メイン項目との間が大きく開いてしまっています。 <html> <head> </head> <body> <div class="headbg"><img src="head_bg.jpg" width="100%" border="0" alt=""></div> </div> <div class="main">/* ここからメイン項目が入ります*/ </div> </body> </html> /* CSSは抜粋してこのような状態です*/ html,body { height:100%; } .headbg { /* ヘッダーを幅いっぱいにする為のボックス*/ width: 100%; height:483px; border:0px solid #F00; position:absolute; margin:0px; top:0; left:0; overflow:hidden; } .main { /* メインボックス*/ height:960px; width: 900px; min-width:900px; background color:#FFF; padding: 20px 0px 0px 0px; margin-left:auto; margin-right:auto; text-algn:left; margin-top:290px; border:0px solid #999; } どなた様かどうかご教授頂けませんでしょうか? どうぞ宜しくお願い致します。

  • ブラウザの表示幅で100%指定が切れる

    ちょっと現象を把握しきれていないのですが、100%指定をしている箇所が、ブラウザによって途中で切れる現象が確認できています。 具体的には、ヘッダにボーダーとして引いている線 <img src="xx.gif" width="100%" height="5"> と フッタのdiv指定の箇所 <footer></footer> width:100%; としている箇所です。 通常のPCブラウザ表示では問題ありませんが、Chromeで、開発者ツールを右ペインに指定しているのですが、ここを開くと幅が縮まって、ブラウザの表示幅がサイトの全体幅よりも小さくなります。 その状態で本文部分を右にスクロールすると、100%指定した箇所だけが、その開発者ツールが開いた位置から表示されなくなります。 表示されないというと語弊がありますが、ボーダーの指定などが効いているので、「そこが100%として認識されている」という状態だと思います。 右にスクロールした状態でリロードすれば戻るのでは?と思いましたが戻りません。 また、開発者ツールを閉じて、普通の状態で画面幅を広げたり狭めたりすると問題なく表示されます。 それと、iPadのSafariでも同様の表示になっていて、こちらはページを開いた状態ですでに右側が欠けている状態です。 縦、横、どちらの向きも同じく右側が欠けます。 サイト自体は1024px幅で組んでいますが、768pxの位置までで、そこから先が表示されなくなります。 なんとなく、metaで幅をきっちり指定してあげるべきなのかなぁと思っていますが、同様の現象に悩まされた方いらっしゃいましたらよろしくお願い致します。

    • 締切済み
    • CSS
  • Swfをブラウザサイズ一杯に表示したい

    作成したSwfファイルをブラウザ一杯に表示させたいのですが、marginwidth等以外で余白を消すもしくは何らかの方法でSwfをブラウザ一杯に表示させる方法はあるでしょうか?カテゴリがわからなかったのでここに投稿させていただきました。

    • ベストアンサー
    • Flash
  • Flashのサイズが大きいとブラウザでうまく表示されない.

    Flashをキャンパスサイズ800×800で作成していたのですが, サイズを800×1000にしたところ,Flashの上部が切れてしまったりし, ブラウザ上でうまく表示されなくなりました. Stage.scaleMode = "showAll"; とすると,ブラウザのウィンドウの大きさにあわせて 表示はしてくれるのですが,Flashで作成したままの 大きさにはなりません. 800×800が限界なのでしょうか? 理想としては,キャンパスサイズを大きくしても, 作成元のままの大きさで,ブラウザのスライドバーで スライドできればいいと思うのですが, そのようなことは可能でしょうか? ご指導のほうよろしくおねがいします.

  • 横並びの画像で、ブラウザの幅を縮めても、二段にならない方法は?

    よろしくお願いします。 下記のように書いて、画像を横並びにしています。 ただ、ブラウザの幅を縮めると、二段になっていまいます。 幅を縮めても、一段のまま保持するには、どのように書けば良いでしょうか? <img src="aa1.gif" width="100px" height="100px'> <img src="aa2.gif" width="100px" height="100px'> <img src="aa3.gif" width="100px" height="100px'> <img src="aa4.gif" width="100px" height="100px'>

  • ブラウザにサイズに合わせてflashサイズを変更

    ブラウザのサイズ、いっぱいいっぱいにflashを表示させようとしています。 FirefoxとChromeでは、embedタグのwidthとheightをJavascriptで得た値を使って、 ブラウザのサイズに合わせて見た目変更できるのですが、 IE8は変化無しです。 IE8にも対応しようと、単純なflashなのでドキュメントサイズそのものを変更しようと 思いましたが、_root._width,_root._heightを引数で渡して設定しても、flashのドキュメントサイズは 変更できませんでした。 IE8でもブラウザのサイズに合わせてflashのサイズを変更する方法はないのでしょうか。 困っています。教えてください。よろしくお願いします。

    • ベストアンサー
    • Flash
  • html編集時にflashを100%にした時の挙動

    こんにちわ。 suzukaにてflashを800×350で作成しました。 html挿入時にwidth、heightを800px、350pxと記入するとちゃんと表示するのですが、 ブラウザサイズによって大きさを変えたいと思い、100%に大きさを変更したところ、 suzukaで作成時の枠外も一緒に表示されるようになってしまったのです。 枠外から枠内にトゥイーン と言うようなアニメーションがかなり変な挙動に見えます。 ブラウザの大きさを変えてみると、flashが800×350px時以下になると普通に表示されるようです。 何か解決策はありますでしょうか?

専門家に質問してみよう