0

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

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

截屏

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

       <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

4

3 回答 3

0

尝试将宽度调整为 100%；

.footer {

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

}

于 2011-12-09T16:40:43.223 回答
0

  • 首先你应该修复你所有的验证错误，很多东西要修复......

  • 定位是由于缺少</div>- 页脚嵌套在时事通讯块中。</div>之前加两次 <!-- End RIGHT Side -->

  • 然后将#footer css更改为：

    text-align:center;
width:100%;

  • 那应该解决它...

于 2011-12-09T17:39:31.917 回答
0

尝试添加 Float:left

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

Float:left
于 2011-12-09T17:40:45.307 回答