母版页脚对齐不起作用

Question

我很难将页脚内容放在页面底部，此时它正确对齐，我不知道还有什么可以放在内容之下。 请检查图片附件，了解当前的情况。

您可以在下面找到母版页中的内容：

       <div style="clear:both;"></div>

                      <!-- FOOTER -->
       <div class="footer">          
            <asp:Image ID="Image2" runat="server" 
                    ImageUrl="~/App_Themes/nopBlue/icons/facebook.png" CssClass="facebook"  />
            <asp:Image ID="Image3" runat="server" 
                    ImageUrl="~/App_Themes/nopBlue/icons/twitter.png" CssClass="twitter" />
            <asp:Image ID="Image4" runat="server" 
                    ImageUrl="~/App_Themes/nopBlue/icons/linkedin.png" CssClass="linkedin" />         
        </div> 
        <!-- End FOOTER -->

和页脚的css文件：

.footer

{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    width:100%;
}

如果有人能帮助我，我真的很感激，提前谢谢。

更新：

以下是浏览器中的代码：

http://jsfiddle.net/laziale/seZT8/

第二次更新：

以下是问题页面的在线网址：

http://www.5280.bz/d/nopCommerceSite/Cellphones.aspx

Answer 1

尝试将宽度调整为100％;

.footer {

color: #4e5766;   
padding: 8px 0px 0px 0px;  
margin: 0px auto; 
text-align: center; 
line-height: normal; 
width:100%;

}

Answer 2

• 首先，您应该修复所有validation错误，修复很多事情......

• 定位是由缺少</div>引起的 - 页脚嵌套在简报栏中。在</div>

之前添加两次<!-- End RIGHT Side -->

• 然后将#footer css更改为：

  text-align:center;
  width:100%;
  

• 应该修复它......

Answer 3

尝试添加Float：left

颜色：＃4e5766;
填充：8px 0px 0px 0px;
保证金：0px auto; text-align：center; line-height：normal; 宽度：100％;

Float:left