粘贴页脚在页面大小调整时浮动

我正在尝试将页脚粘贴到页面的底部。我的网站的页面不在同一高度。我试着在网络上的每一件事，但没有奏效当放大\出或调整浏览器窗口，它侧板与浏览器，并在我的div，表格中间浮动，..等这里的原页脚CSS：粘贴页脚在页面大小调整时浮动

#footer 
{ 
    width:100%; 
    height:20px; 
    vertical-align:middle; 
    font-size:10px; 
    font-weight:bold; 
} 
#footer ul 
{ 
    margin-top:10px; 
    margin-right:10px; 
    margin-left:30px; 
    color: #797979; 
    line-height:11px; 

} 
#footer ul li 
{ 
    float:left; 
    border-right:1px solid #797979; 
    list-style:none; 
    margin:0 5px 5px 0; 
    padding-right: 5px; 
} 
#footer ul li a 
{ 
    color: #797979; 
    text-decoration:none; 
} 
#footer ul li a:hover 
{ 
    text-decoration:underline; 
} 
#footer .copyright 
{ 
     margin-top:5px; 
    float:none; 
     text-align:center; 
}

和HTML的样子：

<div id='main'> 
<div id='header'> 
</div> 
    <form id='myform'> 
    <div id='form_div'> 
    </div> 
    </form> 
    <div id='footer'> 
    </div> 
</div>

，这里是我已经尝试了所有方法：

http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/

http://www.cssstickyfooter.com/

http://alistapart.com/article/footers

http://blog.softlayer.com/2012/tips-and-tricks-pure-css-sticky-footers/

和许多其他...

我试图把：

#footer 
{ 
bottom:0; 
position: fixed 
}

其与此棍棒，但调整浏览器的时候，当然看起来不是有一个在CSS P.S一个问题：我不是谁写的我只是用它，并试图修复它

来源

2013-02-09 Sally

它工作[正常]（http://jsfiddle.net/3R7q7/）。发布你的所有代码。 – Vucko 2013-02-09 09:23:30

问题在于我的HTML结构。我应该在div＃main之外移动页眉和页脚！现在它正在工作。 – Sally 2013-02-09 09:51:45

我仍然有一个问题，它与一个选项卡重叠，我有一个画布在它！ – Sally 2013-02-09 09:52:37

尝试瑞安既成事实的sticky footer之一。它非常简单和跨浏览器兼容。

来源

2013-02-09 09:29:51 symlink

我之前试过，谢谢 – Sally 2013-02-09 09:53:04

粘贴页脚在页面大小调整时浮动

回答

相关问题