ヨコハマハンドメイドマルシェ2013

【Flash】Firefoxで縦横100%表示で気をつけること

縦横100%(画面いっぱい)にFlashを貼り付けたときに、FirefoxなどのMozilla系ブラウザで起こる落とし穴を2つ。解決策と共にまとめておきます。
まずは、比較的有名どころですが、未だに大企業のサイトでも見かけるFirefoxでFlashが上部1/5くらいにしか見れてないという症状▼
Firefox 100%表示のバグ
こんなかんじ。どうやらdoctypeが原因らしい。
doctypeを変えたりすれば直るみたいですが、Adobeのサイトでも紹介されている解決策があります。
CSS内に下記を記述
html,body { height:100%;}

または、Flashを囲うdivにheight:100%;を指定。
参考:高さ 100% の Flash のバグ





さてと。もうひとつ・・・うっかりはまってしまったものを紹介しておきます。
Firefox 100%表示のバグ
なぜか、Firefoxで1pxくらいのスクロールが出てしまう!
なぜだなぜだと・・・悩みはてて。
hight="99%"に指定して無理やり感のあることしてみたり、 html {overflow:hidden;} とか書いてしまってスクロールを出さないようにしようかと思っていた矢先…

わかりました。。
<embed src="○○.swf" quality=high align="middle" wmode=transparent width="100%" height="100%" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"> </embed>
align="middle"を入れたら一発で解決。

はまってしまった。もーー。よくわからん。

コメント
コメントする








   
この記事のトラックバックURL
トラックバック

Profile

Yuki Noda
1982年横浜で生まれる。多摩美術大学卒。
プロフィールポートフォリオ
mixitwitterFacebook

calendar

S M T W T F S
 123456
78910111213
14151617181920
21222324252627
28293031   
<< May 2017 >>

selected entries

categories

archives

recent comment

  • 【Illustrator CS3】 [不明なエラーが発生しました]で.ai拡張子の保存ができない
    MAMORUさん (12/08)
  • 【Illustrator CS3】 [不明なエラーが発生しました]で.ai拡張子の保存ができない
    MAMORU (09/20)
  • 【Flash】IEでjavascriptのプルダウンがFlashの後ろに隠れてしまう事件
    ゆうき (09/04)
  • 【Flash】IEでjavascriptのプルダウンがFlashの後ろに隠れてしまう事件
    rr (08/31)
  • スーパーカップのチョコミントアイスについて
    ゆうき (06/13)
  • スーパーカップのチョコミントアイスについて
    aaammm (06/13)
  • スーパーカップのチョコミントアイスについて
    ゆあ (04/11)
  • 【CSS】IE6 リストで隙間が出るバグ
    D (11/14)
  • 夢のような結婚式を終えて・・
    ゆうき (10/04)
  • 夢のような結婚式を終えて・・
    ちゃっきー (10/03)

recent trackback

links

profile

others

mobile

qrcode

powered

無料ブログ作成サービス JUGEM