0

ヘッダーとフッターに PHP インクルードを使用している Web サイトを構築しています。フッターの配置は、ページの高さに基づいて動的です。そのため、ブラウザのフッターがページの 3/4 の位置にあり、下部に大きな空白がある場合があります。フッター コンテナーの背景は無地です (#333)。

これとこのページだけを背景色に設定する方法はありますか?

フッター ページに背景色の css コードを含めようとしましたが、インクルードの一部として読み込まれるフッター ページだけではなく、ページ全体に適用されます。

または、フッター コンテナー div の高さを、ページの読み込み時にブラウザー ウィンドウの残りの高さと等しくなるように設定する CSS トリックはありますか? それが最善の方法かもしれません...

助けていただければ幸いです！

4

3 に答える 3

0

私はいくつかの調査を行い、探していた CSS の「トリック」を見つけました。私は基本的にイリュージョンを設定し、CSS と背景色スタイルの処理方法を変更しました。

http://jsfiddle.net/fXf4K/

<body>
    <section id="container">
    <header>This is your header</header>
    <section id="main">This is #main</section>
    <footer>This is your footer</footer>
    </section>
</body>

---------

body {background:#999;}
#container {background:#ff0;width:100%;}
header {}
#main {}
footer {background:#999;}
于 2013-03-09T14:31:52.610 に答える
0

試す

index.php

<div style="backgroun-color:red;">
    <?php
        include('footer.php')
    ?>
</div>

フッター.php

<p>Hello</p>
于 2013-03-09T04:34:39.460 に答える
0

いいえ、動的な高さを持つスティッキー フッターを作成するには、javascript を使用する必要があります。CSS には、変更に適応する方法がありません (メディア クエリを除きますが、それはすぐに面倒になってしまいます)。

ワーキングデモ

つまり、基本的には、従来のスティッキー フッターを (プッシュを使用して) セットアップします。次に、フッターの高さがプッシュに適用され、ラップの負の下マージンとして適用されます。

これを機能させるには、指定された構造の外側にある高さを持つすべての要素を jQuery 式に追加する必要があります。

最後にif (contentH < adjustedHeight)、コンテンツがすでに画面の高さを超えてページを引き伸ばしている場合、起動しないようにします。

ハッピーコーディング！

于 2013-03-09T04:44:08.310 に答える