0

特定のサイト用に書いたコードがうまく動かない理由を突き止めようと、頭を悩ませています。

私のページの本体 (下のリンクの白い部分) は、ナビゲーションからフッターまで拡張する必要がありますが、特定のページでのみ拡張されます。

フッターは、高さに関係なく、すべてのページの下部に自動的に配置されます (つまり、高さ 400px のページではページの下部になります)。

非常に基本的なものを見逃している可能性はありますか？

サイトの開発バージョンへのリンクを次の場所に投稿しました。

www.contendertest.com

問題が発生しているページは、インデックスと「登録」リンクです。

4

4 に答える 4

2

これは、表示領域が大きい場合、すべてを埋めるのに十分なコンテンツがないためです。より大きなウィンドウのモニターで見ると、フッターまで白くなっていないことがわかります。

編集:行 padding-bottom:100px を #bodyContainer に、margin-top:-100px を #footer に追加すると、機能します。

于 2010-08-31T20:24:41.867 に答える
1

これを試して。もちろん、私のようなインライン CSS ではありません。

<html>
<head>
    <title>DIV Test</title>
    <style>
        body {
            margin: 0;
        }

        #container {
            height: 100%;
            width: 100%;
        }

        #header {
            background: #0000FF;
            position: absolute;
            top: 0;
            height: 100px;
            width: 100%;
        }

        #content {
            background: #FF0000;
            height: auto;
            width: 100%;
        }

        #footer {
            background: #00FF00;
            position: absolute;
            bottom: 0;
            height: 100px;
            width: 100%;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="header"><!-- header content here --></div>
        <div id="content"><!-- main content here --></div>
        <div id="footer"><!-- footer content here --></div>
    </div>
</body>

うまくいけば、それはあなたを助けます。

編集：解決策が何であるかを指摘する。ヘッダーとフッターの CSS 位置属性を見てください。それで解決するはずです。

于 2010-08-31T20:41:49.017 に答える
1

#wrapperコンテンツ領域の幅と色である背景画像を div に指定しますrepeat-y。

編集：背景画像も中央に配置してください！

于 2010-08-31T20:37:33.523 に答える
0

style.css、16 行目、高さを削除:100%

今

html, body {
  background-color:#EDEDE1;
  color:#666666;
  font:12px Helvetica,Arial,sans-serif;
  height:100%;
  margin:0;
  padding:0;
  text-align:justify;
}

後

html, body {
  background-color:#EDEDE1;
  color:#666666;
  font:12px Helvetica,Arial,sans-serif;
  margin:0;
  padding:0;
  text-align:justify;
}
于 2010-08-31T20:33:55.630 に答える