css粘页脚在一个asp.net页面

我正在尝试创建一个粘贴到页面底部的页脚。我有：css粘页脚在一个asp.net页面

<body> 
    <form id="form1" runat="server"> 
    <div id="wrap"> 
     <div id="content"> 
      <uc2:logo ID="logo1" runat="server" /> 
     </div> 
    </div> 
    <uc1:footer ID="footer1" runat="server" /> 
    </form> 
</body>

这里是我的CSS

body { 
    margin: 30px 10px 0px 10px; 
    font-size: 14px; 
    font: 76% Arial,Verdana,Helvetica,sans-serif; 
} 
html, body, form, #wrap { height: 100%; } 
form > #wrap { height: auto; min-height: 100%; } 

#wrap { 
    width: 1000px; 
    margin: auto; 

} 

#content { 

    text-align:left; 

} 


#footer { 
clear: both; 
position: relative; 
z-index: 10; 
width:1000px; 
margin:auto; 
}

我缺少什么？页脚出现在视口下方（滚动条也在页面上）。我期待它成为一些类型的保证金问题。

来源

2010-11-06 FiveTools

看看这个：http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

来源

2010-11-06 19:16:33 Dave

只好表单元素加在一起大约是身体和HTML元素的CSS规则，然后它的工作。 – FiveTools 2010-11-06 19:32:30

我很高兴它帮助=] – Dave 2010-11-06 22:26:45

尝试位置绝对：

#footer { 
clear: both; 
position: absolute; 
z-index: 10; 
width:1000px; 
margin:auto; 
bottom:0px; 
height:50px; 
}

来源

2010-11-06 22:11:05 Conex

耶 - 位置：绝对;也在解决方案中。谢谢！ – FiveTools 2010-11-07 19:17:21

css粘页脚在一个asp.net页面

回答

相关问题