• 締切済み

XHTML+CSSでフッターを下部に固定させるには？

http://www.hddx.net/hc2/_index.html ※CSSファイル http://www.hddx.net/hc2/includes/main.css 上記のようなサイトを制作しており、フッター画像をウィンドウサイズに関わらず、下部に固定させようとしています。 下部に固定させ、ウィンドウサイズの変更にも対応できたのですが、 ウィンドウの縦幅をどんどん狭くしていくと、フッター画像が上のコンテンツにかぶっていってしまいます。 http://www.lucky-bag.com/archives/2005/04/footer.html http://www.stylish-style.com/csstec/ultimate/fix-foot.html 上記サイトを参考にしたのですが、どうしてもうまく対応しません。 どなたかお分かりでしたらご教授頂きたいと思います。 宜しくお願い致します。

  • HTML
  • 回答数3
  • ありがとう数0

みんなの回答

  • key-child
  • ベストアンサー率54% (25/46)
回答No.3

> <ul id="inq"> > <li id="inq"> 重複している。 > <a name="business"> 閉じてない。というかh3要素にid属性振ればいいのでは？ > html { > height: 100%; > body { > height: 100%; > div#container { > height: 100%; > <body> > <h1>株式会社○○○○</h1> > <div id="container"> h1要素はcontainer内になければならのでは？ > body > #container { > div#container { 出現順が逆。参考にしたサイトを確認。 contents内に下記を追加。 #contents { overflow: auto; }

  • akichan_f
  • ベストアンサー率100% (1/1)
回答No.2

すいません。先ほどの回答で、<head>直下と書きましたが、<body>直下の間違いです。

  • akichan_f
  • ベストアンサー率100% (1/1)
回答No.1

この重なる現象については、htmlに記載している順番及び スタイルシートのz-indexと関係します。 もし、スタイルシートでの調整がうまく行かない場合は、思い切ってフッターを記載しているソースを<head>直下に置いてみると、可能だと思います。 ただ、ここまでブラウザを小さくして見る人はあまりいないので、あんまり気にしないでいいと思います。

参考URL：
http://www.htmq.com/style/z-index.shtml
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する