母版页页脚对齐未正确对齐答案

【问题标题】：Masterpage footer alignment doesn't align correctly母版页页脚对齐未正确对齐
【发布时间】：2011-12-09 16:31:08
【问题描述】：

我很难将页脚内容放在页面底部，此时它是正确对齐的，我不知道还有什么可以放在内容下方。

查看图片附件，看看此刻的样子：

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

       <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

【问题讨论】：

你能提供输出的html而不是asp代码吗？最好将其简化为基本要素？
也许首先运行一个验证检查，我在第 400 行看到了 html 错误：
购物车

【解决方案1】：

首先，您应该修复所有 validation 错误，还有很多需要修复的东西...
定位是由于缺少</div> - 页脚嵌套在时事通讯块中。在之前添加两次</div>
然后将#footer css更改为：
```
text-align:center;
width:100%;
```
这应该可以解决它...

【讨论】：

现在检查，标记已修复，图像现在在左侧
您仍然需要从 .footer 中删除 position:absolute，并添加 text-align:center（我的意思是 .footer 而不是 #footer 在我的回答中）...
是的，谢谢，我更新了错误的 css :)。祝大家有美好的一天，感谢您的帮助

【解决方案2】：

尝试将宽度调整为 100%；

.footer {

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

}

【讨论】：

【解决方案3】：

尝试添加 Float:left

颜色：#4e5766;
填充：8px 0px 0px 0px;
边距：0px 自动；文本对齐：居中；行高：正常；宽度：100%；

Float:left

【讨论】：

没有帮助，保持不变。谢谢你帮助我