ヘッダー・フッター固定HTMLに関して
ヘッダー・フッター固定HTMLに関して
ヘッダー・フッター固定で(間)中段にFlashコンテンツを横100%縦100%で表示するHTMLを作成しようと思っております。
そこで、下記のHTMLソース、及びCSSで指定しているのですが、上手くいきません。
ヘッダー・フッター固定はできますが、Flashを表示しようとすると思うようにいきません。
「body > #wrapper」を「height:auto;」にすると、Flash部分の高さが小さく、
「body > #wrapper」を「height:100%;」にすると、フッター部分が消えてしまします。
【HTML】
~~~~~~~~
<div id="head">~ヘッダー~</div>
<div id="flashcontents">~Flashデータ~</div>
<div id="foot">~フッター~</div>
~~~~~~~~
【CSS】
~~~~~~~~
html,body {margin:0; padding:0; overflow:hidden;}
#head{~サイズなどを指定~}
#flashcontents{margin: 0; height: 100%; width: 100%;}
body > #flashcontents {height:100%; position: absolute;}
#contents { position: fixed; overflow:hidden; bottom:0; 他サイズなど指定…}
~~~~~~~~
以上、分かりにくい説明かと思いますが、もしお分かりになれば教えて頂けますでしょうか?
よろしくお願い致します。
お礼
CELLPADDING!を忘れていました。 ありがとうございます。