本文介绍了底部的页脚对齐的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这里我尝试将页脚放在底部,但它显示在顶部
这里是代码
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>
这里是图片
[]
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?
推荐答案
.footer
{
margin : 400px auto; /* the margin you can increase to align it at bottom */
position : relative;
}
这篇关于底部的页脚对齐的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!