Question

我对html有一个非常基本的了解。非常基本。

我正在整理我的博客网站以取代我的google-sites网站。这只是一个投资组合网站，所以最重要的是外观。

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只占据中心位置。我只是希望背景能够坚持博客的主体。

任何输入都将不胜感激。

Answer 1

jsFiddle DEMO （删除网址中的/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注释语法。

背景＆amp; HTML的页脚问题

1 个答案: