创建页脚 [英] Creating a footer
问题描述
大家好，
我再来一次，因为我来过这里已经有一段时间了，但我又回来了，需要帮助一件简单的事情。
我已经在寻找创建页脚的帮助，但我找到的所有帮助绝对不像我想要的那样。
任何人都可以帮我解决创建页脚这个非常简单的问题吗？
我想在我的索引页面上创建它（以及所有其他的，一旦我弄清楚如何:)）
这是页面：
http://workmenforChrist.org
我以为我知道，但我想我不是。我最后尝试的代码，用于设置页脚的样式（并且页脚我的意思是copywrite信息和实际的页脚。copywrite将在我的侧边栏上，页面常规部分的页脚，如果有人理解的话）是这个：
[HTML]
/ *用于copywrite和footer的底部容器* /
.bottom {
位置：正常;
底部：0px;
溢出：自动;
}
/ * Copywrite info * /
.copywrite {
font-size：75％;
font-family：Arial;
宽度：155px;
浮动：左;
}
/ *页脚* /
.footer {
font-weight：bold;
font-size：50％;
font-family：Arial;
最小宽度：600px;
最大宽度：800px;
margin-left：auto;
margin -right：auto;
padding：31px;
} [/ HTML]
我想要页脚和copywrite信息在底部，所以我把它们放进去自己的盒子。但是，当然，这并没有解决我的页脚忽略我的页面而是走到顶部而不是底部的问题。
我非常感谢这个简单问题的帮助，以及为我的无知道歉。此外，我知道我的页面有一些问题，我正在更新和修复一些东西，所以它们会在一段时间后修复，但是现在我只关注那些更需要的大块。
再次感谢！
~Michael
Hi everyone,
Me again, been a while since I''ve been here, but I''m back again needing help with a simple thing.
I''ve searched for help on creating a footer, but all the help I''ve found, was absolutely nothing like what I was looking for.
Could anyone help me with the very simple issue of creating a footer?
I''m trying to create it on my index page (and all of the others, once I figure out HOW :) )
Here is the page:
http://workmenforChrist.org
I thought I knew, but I guess I don''t. The code I tried last, to style the footer (and by footer I mean both copywrite info, and the actual footer. The copywrite will be on my sidebar, and the footer on the regular part of the page, if anyone understand that) is this:
[HTML]
/*Bottom container for copywrite and footer*/
.bottom {
position: normal;
bottom: 0px;
overflow: auto;
}
/*Copywrite info*/
.copywrite {
font-size: 75%;
font-family: Arial;
width: 155px;
float: left;
}
/*Footer*/
.footer {
font-weight: bold;
font-size: 50%;
font-family: Arial;
min-width: 600px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding: 31px;
}[/HTML]
I want both footer and copywrite info to be at the bottom, so I put them in box of their own. But of course, that doesn''t solve the problem of my footer ignoring my page and going to the top instead of bottom.
I really appreciate the help in this simple matter, and appologize for my ignorance. Also, I know I have a few problems with my page, I''m currently updating and fixing things so they''ll be fixed after a while, but right now I''m just focusing on the big chunks that are more needed.
Thanks again!
~Michael
推荐答案
你好，迈克尔。我记得你。
没有''位置：正常'这样的东西。做位置：绝对而不是。
如果你之后没有看到页脚，请尝试''margin-bottom：-2em''因为它可能会滑到浏览器的底部以下。 （或者它是margin-top？）。
两个html错误：
第69行第5列 - 错误：开始标记为LI省略，但其声明不允许这个
第107行第3列 - 错误：元素P的结束标记哪个没有打开
Hello, Michael. I remember you.
There is no such thing as ''position:normal''. Do position:absolute instead.
If you don''t see the footer after that, trying ''margin-bottom:-2em'' because it might slip below the bottom of the browser. (Or is it margin-top?).
Two html errors:
line 69 column 5 - Error: start tag for "LI" omitted, but its declaration does not permit this
line 107 column 3 - Error: end tag for element "P" which is not open
你好，迈克尔。我记得你。
没有''位置：正常'这样的东西。做位置：绝对而不是。
如果你之后没有看到页脚，请尝试''margin-bottom：-2em''因为它可能会滑到浏览器的底部以下。 （或者它是margin-top？）。
两个html错误：
第69行第5列 - 错误：开始标记为LI省略，但其声明不允许这个
第107行第3列 - 错误：元素P的结束标记这是不开放的
Hello, Michael. I remember you.
There is no such thing as ''position:normal''. Do position:absolute instead.
If you don''t see the footer after that, trying ''margin-bottom:-2em'' because it might slip below the bottom of the browser. (Or is it margin-top?).
Two html errors:
line 69 column 5 - Error: start tag for "LI" omitted, but its declaration does not permit this
line 107 column 3 - Error: end tag for element "P" which is not open
嗨drhowarddrfine！很高兴得到你的帮助，你一直都是一个很好的帮助:)
哇，我不知道我在哪里听说过这个位置：正常。我以为我听说过它是如何将它放在页面的正常流程中的（首先是第一个，第二个是等等）。谢谢你让我知道它不存在！
至于页脚，我尝试了position：absolute，所有这一切都把它放在页面的顶部，在标题的顶部。
添加''margin-bottom：-2em'确实把它放在底部，但只放在可视区域的底部而不是实际页面的底部。
为整个页面放置一个DIV，以便它包含一切，在某种程度上没有帮助，是吗？
Hi drhowarddrfine! Glad to have your help with this, you''ve always been a great help :)
Wow, I don''t know where I had heard of the position:normal. I thought I heard something about how it puts it in the normal flow of the page (first comes first, second and so forth). Thanks for letting me know it doesn''t exist!
As for the footer, I tried position: absolute, and all that does is put it on the top of the page, on top of the header.
Adding ''margin-bottom: -2em'' does put it on the bottom, but only on the bottom of the viewable area and not the bottom of the actual page.
Putting a DIV for the entire page, so that it contains EVERYTHING, won''t help in some way, will it?
把它放在顶部？你是否留在''底部：0'？
Put it at the top? Did you leave in ''bottom:0''?
这篇关于创建页脚的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
