1

我对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 仅居中。我只想让背景紧贴博客的主体。

任何投入将不胜感激。

4

1 回答 1

2

jsFiddle DEMO (删除/show/URL 以访问 jsFiddle 编辑页面。)

当您查看您网站的 HTML 页面时,您有一个单独的导航部分和一个单独的内容部分

页脚的问题来自位于内容部分内的那个部分。

重新定位页脚,使其位于该部分之外并相应地重新配置您的 CSS。

基本上,它归结为布局问题。

当前的:

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

推荐的:

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

首先是在您的网页中修复这些错误。

然后,将、、和部分中的相关背景图像用作。bodynavsectionfooterbackground-images

有关详细的评论和提示,请查看上述演示中的 jsFiddle CSS 面板。

旁注:<!-- -->在您当前的标记中,您在 CSS 脚本标记中具有 HTML 注释语法(即)。相反,您需要使用 CSS 注释语法(即/* */)。另一种选择是在脚本标签之外使用 HTML 注释语法。

于 2013-01-13T03:09:15.890 回答