• 締切済み

ウィンドウサイズによって変るフッターの高さ

http://www.ccc.co.jp/index.html このURLのページの様にfooterの高さをページの内容によって高くしたり低くしたりしたいのですが、どのようにすれば良いかわかりません誰かわかる方いらっしゃいましたら教えて下さい。 またこのページの様にテキストナビは固定したままに設定したいと考えています。よろしくお願い致します。

みんなの回答

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

ご質問の意味がわかりません。 ご提示されているサンプルサイトのフッター部分 <div id="footer">の高さheightはどのページでも80pxで同じみたいですが 「高くしたり低くしたり」したいって、縦幅の事じゃなくて、ページ先頭 からの縦位置の事ですか? ご提示のページだと、floatはさせているけど、positionはいじってない みたいですね、float解除させる場所で、ダミータグ<div class="clear"/> .clear { clear:both; display:block; font-size:1px; height:1px; line-height:1px; overflow:hidden; } を入れて、フローと解除して位置調整してるだけみたいです。 それとも、参考サイトとは違うのを使っているんですか?

002gorou
質問者

補足

ご回答ありがとうございます。 補足いたしますと、ご覧いただくディスプレイによっても差はあるかもしれないのですが、参考ページのhomeのページ内容はその他のページに比べ少ない為にfooterの黒の背景部分が縦に長くなっていて、その他のページはページ内容多いためにfooter部分は80ピクセル位になっています。ページそのものをウィンドウサイズに合わせたいのですがページ内容が短いときなどに参考サイトのようにfooter部分などで調節したいと言うこのなのです。

関連するQ&A

専門家に質問してみよう