PHP包括和CSS - 爲包含頁面設置背景

我正在構建一個網站，我使用的PHP包括頁眉和頁腳。根據頁面的高度，頁腳的位置是動態的。所以有時候頁腳是瀏覽器頁面的3/4，底部有一個很大的空白區域。我的頁腳容器的背景是純色（＃333）。PHP包括和CSS - 爲包含頁面設置背景

有沒有辦法設置這個，只有這個頁面有背景色？

我試圖在頁腳頁面上包含背景顏色的css代碼，但它適用於整個頁面而不是僅作爲include的一部分加載的頁腳頁面。

或者是否有一個CSS技巧來設置頁腳加載時頁腳容器div的高度等於瀏覽器窗口的剩餘高度？這可能是最好的方式...

幫助，將不勝感激！

來源

2013-03-09 Matt.

我做了一些研究，發現了我正在尋找的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-09 14:31:52

嘗試

的index.php

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

footer.php

<p>Hello</p>

來源

2013-03-09 04:34:39

不是爲我工作。不過這是個好主意。說得通。 – 2013-03-09 04:40:06

@Matt。你究竟想要什麼？你也可以添加位置：固定修復頁腳區域...也可以添加高度等...你需要什麼。 – 2013-03-09 04:46:36

我加高度：100％，它什麼都不做。我補充說：固定;它將div移動到頁面的左側，儘管它將頁腳的高度擴展到頁面的其餘部分（我已將它居中）。當頁面沒有將頁腳推過瀏覽器窗口的底部時，尋找頁腳/容器的背景以填充頁面的其餘部分。我有我的容器div的背景，但它顯然只適用於我的div的高度。 – 2013-03-09 04:52:49

不，你必須使用JavaScript，使具有粘性的頁腳動態高度。 CSS無法適應這些變化（媒體查詢除外，但這會變得非常麻煩）。

Working Demo

所以基本上，您爲傳統的粘頁腳（使用推送）。然後將頁腳的高度應用於推送，並作爲包裝的負底部邊距。

爲了完成這項工作，所提供結構中具有高度的所有元素都必須添加到jQuery方程中。

最後，if (contentH < adjustedHeight)使它成爲如果內容已經拉伸超過屏幕高度的頁面，它將不會觸發。

快樂編碼！

來源

2013-03-09 04:44:08

謝謝，夥計。我很感激。期待看到它。 – 2013-03-09 04:45:11

非常感謝您花時間編寫代碼！明天我會試試看，因爲現在對我來說有點晚了。再次感謝編碼，我會讓你知道它是怎麼回事！ – 2013-03-09 05:20:47

沒問題。如果它適合你，請接受答案:) – 2013-03-09 05:26:25

PHP包括和CSS - 爲包含頁面設置背景

回答

相關問題