フルFlashサイト FireFoxで表示しない場合
2012.02.06
この記事は最終更新日から1年以上が経過しています。
この時代、Flashの記事は合わない気がしますが、書いてみます。
フルFlashサイトの依頼がありまして、swfで管理するのはあれだと思い、HTMLにswfファイルを読み込みフルフラッシュサイトを構築しました。
HTMLに読み込んでフルフラッシュサイトを制作する場合、HTMLは
HTML
<object id="FlashID" classid="" width="100%" height="100%">
このようにobjectタグにwidth=”100%”とheight=”100%”を付与。（swfobject_modified.jsを読み込んでいます。）CSSは
CSS
html{height: 100%;overflow: hidden;}
body{height: 100%;margin: 0;padding: 0;}
このような記述でいけると思います。（その他、Flashでの設定が必要ですが。。）
確認すると、「ありゃ。FireFox」だと表示しない！と陥りました。
どうやらdoctype宣言が影響いくみたいで、（不覚にもHTML5で記述してしまいました。ほとんど意味ないです。）
HTML4.0じゃないと表示しないみたいです。
HTML4.0 DOCTYPE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
解決ぅ〜。Flashはもういいな。。。
