页脚？ [英] Footer?
问题描述
大家好，
我想知道如何获得两行文本链接，以显示在页面底部的
。通常我一直在使用< div>带有id
属性和CSS的标签，用于放置文本，表格和图像的块，我想要它们，但是这让我有点陷入困境。我的HTML代码是：
< div id =" footer" class =" footer">
主页|关于|散文|讨论|会员专区|链接&资源|
联系< p>
纯文本|替代版本|辅助功能|网站地图|帮助< / div>
我的CSS代码是：
div＃footer {
position：absolute;
剩余：132.00pt;
底部：0pt;
宽度：465.00pt;
align：center;
z-index：2;
}
问题是，文本（让我们称之为页脚）我是控制出现在一些其他文本的顶部（实际上是表格中的文字）而不是正确的
在页面底部垂直位于表格下方。此外，如果我调整我的
浏览器窗口的大小，则页脚也会显示。也会移动到
浏览器窗口的底部，而不是停留在我的
页面底部的固定位置。我试图放在页面底部的两行文本
甚至出现在我的HTML中的最后两行代码之前< / body>
和< / html>标签。那么我在这里做错了什么？
问候，
CB
< blockquote>既没有羽毛也没有怀疑，脑部信徒引用：
大家好，
我想知道如何获得两行文字链接出现在页面底部。通常我一直在使用< div>带有id
属性和CSS的标签，用于放置文本，表格和图像块，我想要它们，但这让我有点陷入困境。我的HTML代码是：
< div id =" footer" class =" footer">
主页|关于|散文|讨论|会员专区|链接&资源|
联系< p>
纯文字|替代版本|辅助功能|网站地图|帮助< / div>
我的CSS代码是：
div＃footer {
位置：绝对;
左：132.00pt;
bottom：0pt;
width：465.00pt;
align：center;
z-index：2;
}
问题是，那个文本（让我们称之为页脚）我控制出现在其他文本的顶部（实际上是表格中的文本），而不是右边
在页面底部垂直位于表格下方。此外，如果我调整浏览器窗口的大小，则页脚也会显示。也会移动到
浏览器窗口的底部，而不是停留在我页面底部的固定位置。我试图放在页面底部的两行文本
甚至出现在我的HTML中，在< / body>
和< / html>之前的最后两行代码中。标签。那么我在这里做错了什么？
听起来你想要页脚 _either_在页面底部
或在视口底部，以较低为准。如果你只是想在页面底部想要它，那就不要定位它。
-
Neredbojias
与流行的看法相反，它是可信的。
Cerebral Believer写道：
那么什么我在这里做错了吗？
1.你正在使用绝对定位。 （当需要绝对定位时，只有极少数
的情况，如果你使用它，
你*真的*需要知道你在做什么。 ）
2.你指定使用点作为一个单位的长度。 （积分是
只适合打印 - 可能还有浮雕 - 媒体。）
-
Toby A Inkster BSc（荣誉）ARCS
与我联系〜 http：// tobyinkster .co.uk / contact
" Neredbojias" <在***** @ neredbojias.com>在消息中写道
新闻：MP ************************ @ news.isp.com ...既没有羽毛也没有怀疑，脑部信徒引用：
大家好，
我想知道如何获得两行文字链接显示在页面底部。通常我一直在使用< div>带有id
属性和CSS的标签，用于放置文本，表格和图像块，我想要它们，但这让我有点陷入困境。我的HTML代码是：
< div id =" footer" class =" footer">
主页|关于|散文|讨论|会员专区|链接&资源|
联系< p>
纯文字|替代版本|辅助功能|网站地图|帮助< / div>
我的CSS代码是：
div＃footer {
位置：绝对;
左：132.00pt;
bottom：0pt;
width：465.00pt;
align：center;
z-index：2;
}
问题是，那个文本（让我们称之为页脚）我控制
出现在其他文本的顶部（实际上是表格中的文字）而不是
在底部页面垂直下方的页面。此外，如果我调整浏览器窗口的大小，那么页脚也会显示在页面上。也可以相对于浏览器窗口的底部移动，而不是停留在
页面底部的固定位置。我试图放在页面底部的两行文本
甚至出现在我的HTML中的最后两行代码之前
< / body>
和< ; / HTML>标签。那么我在这里做错了什么？
这听起来像你想要的页脚 _either_在页面底部
或视口底部，以较低为准。如果你只是想在页面底部想要它，就不要定位它。
我尝试了不定位它的想法，并删除了< div>标签，这个
使页脚射到页面顶部。原谅我的无知，我可以在这里离开基地，我是学习者，但如果我记得我在
w3org网站上正确阅读的内容，如果其他一切都是在页面上定位使用
< div> &安培;样式表，我在页面上有一个项目没有定位
使用相同的方法，即使该项目出现在HTML代码的最后一个，
将出现该项目默认情况下位于页面顶部，因为其他
项目已从文档流程中删除。
我真的打算控制所有内容由< div> &安培; CSS这样我就可以通过相关
样式表中的简单更改来调整网站范围内的元素，而不必单独修改每个页面。
问候，
CB
Hi all,
I would like to know how to get two rows of text links to appear at the
bottom of a page. Generally I have been using <div> tags with the id
attribute and CSS to place blocks of text, tables and images where I want
them to be, but this has got me a little stuck. My HTML code is:
<div id="footer" class="footer">
Home | About | Essays | Discussions | Member Area | Links & Resources |
Contact<p>
Text Only | Alternative Versions | Accessibility | Site Map | Help</div>
My CSS code is:
div#footer {
position : absolute;
left : 132.00pt;
bottom : 0pt;
width : 465.00pt;
align : center;
z-index : 2;
}
Problem is, that the text (lets call it the footer) I am controlling appears
over the top of some other text (actually text in a table) rather than right
at the bottom of the page vertically beneath the table. Also if I resize my
browser window, the "footer" also moves in relation to the bottom of the
browser window rather than staying in a fixed position at the bottom of my
page. The two rows of text I am trying to place at the bottom of my page
even occur as the last two lines of code in my HTML right before the </body>
and </html> tags. So what am I doing wrong here?
Regards,
C.B.
With neither quill nor qualm, Cerebral Believer quothed:
Hi all,
I would like to know how to get two rows of text links to appear at the
bottom of a page. Generally I have been using <div> tags with the id
attribute and CSS to place blocks of text, tables and images where I want
them to be, but this has got me a little stuck. My HTML code is:
<div id="footer" class="footer">
Home | About | Essays | Discussions | Member Area | Links & Resources |
Contact<p>
Text Only | Alternative Versions | Accessibility | Site Map | Help</div>
My CSS code is:
div#footer {
position : absolute;
left : 132.00pt;
bottom : 0pt;
width : 465.00pt;
align : center;
z-index : 2;
}
Problem is, that the text (lets call it the footer) I am controlling appears
over the top of some other text (actually text in a table) rather than right
at the bottom of the page vertically beneath the table. Also if I resize my
browser window, the "footer" also moves in relation to the bottom of the
browser window rather than staying in a fixed position at the bottom of my
page. The two rows of text I am trying to place at the bottom of my page
even occur as the last two lines of code in my HTML right before the </body>
and </html> tags. So what am I doing wrong here?
It sounds like you want the "footer" _either_ at the bottom of the page
or at the bottom of the viewport, whichever is "lower". If you simply
want it at the bottom of the page, don''t position it.
--
Neredbojias
Contrary to popular belief, it is believable.
Cerebral Believer wrote:
So what am I doing wrong here?
1. You''re using absolute positioning. (There are only a very few
situations when absolute positioning is needed, and if you use it,
you *really* need to know what you''re doing.)
2. You''re specifying lengths using points as a unit. (Points are
only really appropriate for print--and probably embossed--media.)
--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact
"Neredbojias" <in*****@neredbojias.com> wrote in message
news:MP************************@news.isp.com...With neither quill nor qualm, Cerebral Believer quothed:Hi all,
I would like to know how to get two rows of text links to appear at the
bottom of a page. Generally I have been using <div> tags with the id
attribute and CSS to place blocks of text, tables and images where I want
them to be, but this has got me a little stuck. My HTML code is:
<div id="footer" class="footer">
Home | About | Essays | Discussions | Member Area | Links & Resources |
Contact<p>
Text Only | Alternative Versions | Accessibility | Site Map | Help</div>
My CSS code is:
div#footer {
position : absolute;
left : 132.00pt;
bottom : 0pt;
width : 465.00pt;
align : center;
z-index : 2;
}
Problem is, that the text (lets call it the footer) I am controlling
appears
over the top of some other text (actually text in a table) rather than
right
at the bottom of the page vertically beneath the table. Also if I resize
my
browser window, the "footer" also moves in relation to the bottom of the
browser window rather than staying in a fixed position at the bottom of
my
page. The two rows of text I am trying to place at the bottom of my page
even occur as the last two lines of code in my HTML right before the
</body>
and </html> tags. So what am I doing wrong here?
It sounds like you want the "footer" _either_ at the bottom of the page
or at the bottom of the viewport, whichever is "lower". If you simply
want it at the bottom of the page, don''t position it.
Hi,
I tried the idea of not positioning it, and removed the <div> tags, this
made the footer shoot to the top of the page. Forgive my ignorance, I could
be way off base here, I am a learner, but if I remember what I read on the
w3org site correctly, if everything else is on a page is positioned using
<div> & stylesheets, and I have one item on the page which is not positioned
using the same methond, even though that item appears last in the HTML code,
will that item appear by default at the top of the page because the other
items are removed from the "document flow".
It really is my intention to control everything by <div> & CSS so that I can
adjust elements site-wide through simple changes in the relevant
stylesheets, rather than having to modify each page individually.
Regards,
C.B.
这篇关于页脚？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
