底部的页脚对齐 [英] footer alignment at bottom
本文介绍了底部的页脚对齐的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这里我尝试将页脚放在底部,但它显示在顶部
这里是代码
here i try to put footer at bottom but it appears on top
here is the code
<body>
<form id="form1" runat="server">
<div id="templatemo_container">
<div id="templatemo_top_panel">
<div id="templatemo_sitetitle">
Website
</div><br /><br /><br /><br /><br />
<br /><br />
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="Cateogries.aspx">Select a categry</a></li>
<li><a href="#">Hot & New</a></li>
<li><a href="#">Post Ad</a></li>
<li><a href="#">Recently Ads Posted</a></li>
</ul>
</div>
<div id="templatemo_content">
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</div><br /><br />
</div>
</div>
<%--<div id="templatemo_footer">
<div class="footer_leftcol">
Copyright © 2014<a href="#"><strong>Your Webiste Name</strong></a><br />
<a href="#" target="_parent">Website Templates</a> by <a href="#" target="_parent"></a><br /><br />
</div>
<div class="footer_rightcol">
<div class="footer_subcol">
<a href="#">Mainpage</a><br />
<a href="#">Company</a><br />
<a href="#">Advertise</a><br />
<a href="#">Feedback</a><br />
</div>
<div class="footer_subcol">
<a href="#">English</a><br />
<a href="#">Japanese</a><br />
<a href="#">Chinese</a><br />
<a href="#">German</a><br />
<a href="#">French</a>
</div>
<div class="footer_subcol">
<a href="#">Terms</a><br />
<a href="#">Privacy</a><br />
<a href="#">Sitemap</a><br />
<a href="#">Contact</a><br />
<a href="#">Help</a>
</div>
</div>
</div>--%>
<div id="templatemo_footer"><p>asfasfsdfsdf</p></div>
</form>
</body>
这里是图片
http://oi62.tinypic.com/2v2e71t.jpg [ ^ ]
i希望这个页脚位于底部
i多次尝试但它无法工作..问题出在哪里以及我如何解决它
任何帮助?
here is the image
http://oi62.tinypic.com/2v2e71t.jpg[^]
i want this footer at bottom
i tried many times but it can't work .. where is the problem and how i resolve it
any help?
推荐答案
使用以下css将页脚对齐到底部。
use the following css to align footer at bottom.
.footer
{
margin : 400px auto; /* the margin you can increase to align it at bottom */
position : relative;
}
嗨Atif,
您使用的是HTML5。所以使用 页脚 标签。
查看此 http://www.w3schools.com/tags/tag_footer.asp [ ^ ]
好运
Hi Atif,
You are using HTML5. So use Footer tag.
check this http://www.w3schools.com/tags/tag_footer.asp[^]
Good Luck
这篇关于底部的页脚对齐的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文