HTML的背景和頁腳問題

我對html有一個非常基本的理解。非常基本。HTML的背景和頁腳問題

我整理我的博客網站，以取代我的谷歌網站的網站。這只是一個投資組合網站，所以重要的是外觀。

http://toddingtontoons.blogspot.com

我的問題是頁腳。基本上，我希望頁腳和背景排列起來，不管分辨率如何。

背景的代碼如下。

background: url(https://sites.google.com/site/toddsetter/TODDINGTONTOONSTOP.png) repeat-x, 
url(https://sites.google.com/site/toddsetter/TODDINGTONTOONSBOTTOM.png) repeat; 
background-position:center;

頁腳是博客的頁腳模板中只是一個居中的IMG。它最終會有回家和其他地方的鏈接。

目前頁腳與BG完美對齊，直到屏幕寬度小於1280。

我已經嘗試了一些荒謬的東西，我不明白和不斷遇到問題。有人可以建議他們如何解決這個問題嗎？

我一直在嘗試改變頁腳的行爲方式不同，並且在屏幕寬度超過1280時也一直試圖讓bg居中。我只是想讓背景緊貼博客主體。

任何輸入將不勝感激。

來源

2013-01-13 user1973379

** + 1 **非常好的問題！ – arttronics

jsFiddle DEMO（以URL刪除/show/訪問的jsfiddle編輯頁面。）

當你看到你的網站的HTML頁面，你有一個獨立導航部分和獨立內容部分。

頁腳的問題來自位於內容部分內的那部分。

重新定位頁腳因此它在該部分之外並相應地重新配置您的CSS。

基本上，這歸結爲佈局問題。

電流：

<body> 
    <nav></nav> 
    <content> 
    <footer></footer> 
    </content> 
</body>

推薦：

<body> 
    <nav></nav> 
    <section></section> 
    <footer></footer> 
</body>

一個出發點是第一fix these errors在您的網頁。

然後，使用相關背景圖像在body，nav，section，並footer部分爲background-images。

有關詳細的評論和提示，請查看上述演示中的jsFiddle CSS面板。

便箋：在您當前的標記中，您在CSS腳本標記內有HTML註釋語法（即）。相反，您需要使用CSS註釋語法（即/* */）。另一種選擇是在腳本標記外使用HTML註釋語法。

來源

2013-01-13 03:09:15 arttronics

HTML的背景和頁腳問題

回答

相關問題