添加全寬色頁腳網站 - 主包裝conficting

-1

林希望得到全寬頁腳在我的網站像這樣的：http://www.petspyjamas.com/添加全寬色頁腳網站 - 主包裝conficting

我似乎有一個問題與我的網站上，主包裝從而影響整個頁面，似乎並沒有讓我有全角頁腳。

這是我的網站：http://www.purrfectlyyappy.com/，因爲您可以看到頁腳區域目前處於灰色。

來源

2015-03-31 Sam Gosheron

你什麼都試過？如果可能，發佈一些代碼 – csblo 2015-03-31 10:07:35

你的頁腳是100％，但innerwrapper設置爲980px

嘗試改變

#footer .wrapper { width:100%!important;}

至於顏色

#footer .linebottom { 
background: #BDBDBD; 
}

來源

2015-03-31 10:43:32

我傾向於向上突破我的HTML頁面段（即標題，主要，頁腳），然後在每個部分中都有容器。這樣我就可以將背景顏色/圖像應用於部分，並且仍然將內容限制在特定寬度內。例如：

<html> 
    <body> 
    <header class="site-header" role="banner"> 
     <div class="container"> 
     <!-- branding, navigation etc. --> 
     </div> 
    </header> 
    <section class="site-main" role="main"> 
     <div class="container"> 
     <!-- main content --> 
     </div> 
    </section> 
    <footer class="site-footer" role="contentinfo"> 
     <div class="container"> 
     <!-- copyright notice, navigation etc --> 
     </div> 
    </footer> 
    </body> 
</html>

所以將顏色填充到您的頁腳，您可以添加一個簡單的CSS規則：

.site-footer { 
    color: #ccc; 
    background-color: #333; 
}

來源

2015-03-31 10:48:42

添加全寬色頁腳網站 - 主包裝conficting

回答

相關問題