FooterWrap突破框

Question

怎么了我的页脚CSS？

在Firefox中使用Web开发工具栏，我可以看到它有一个盒子里，似乎推动了这一切到下一行 - 没有填充或利润率，我可以看到..

我肯定这是一个简单的解决办法 - 如果有人能指出怎么了最好的，这将是王牌！

谢谢你们！

---

网站是这里Love Jungle Clothing Brand

下面是代码：

/****** Footer *****/ 
/*new div Neil */ 


#footerwrap 
{width: 100%; 
margin: 0 auto; 
text-align:left; 
height:40px; 
background-color:#000; 
clear:both; 
margin-top:10px; 
overflow:hidden; 
z-index:1000; 
} 




/*new div container Neil */ 
#footer { 
    width: 990px; 
    height:60px; 
    margin: 0 auto; 
    padding-top:10px; 
    background-color:#000; 
    clear:both; 
    text-align:center; 
    z-index:1000; 
} 


#footer ul { 
    padding: 0px 0 0 0; 
    margin: 0 0 0 0px; 
    list-style-type: none; 
} 
#footer li { 
    float: right; 
    padding: 0; 
    margin: 0 auto; 
    display: inline; 
} 




#footerLeft ul { 
    padding: 0px 0 0 0; 
    margin: 0 0 0 0px; 
    list-style-type: none; 
} 
#footerLeft li { 
    float: left; 

} 


#footer a { 

    display: block; 
    height: 40px; 
    background-repeat: no-repeat; 
    display: inline; 
    text-decoration:none; 
    text-align:center; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 90%; 
white-space:nowrap; 
    margin:0 auto; 
     z-index:1000; 


} 



#footerwrap a { 

    display: block; 
    color:#fff; 
    height: 20px; 
    background-repeat: no-repeat; 
    padding-right:40px; 
    margin:0 auto; 
     z-index:1000; 

} 




/****** Footer *****/ 
/*new div Neil */ 


#footerwrap 
{width: 100%; 
margin: 0 auto; 
text-align:left; 
height:40px; 
background-color:#000; 
clear:both; 
margin-top:10px; 
overflow:hidden; 
z-index:1000; 
} 




/*new div container Neil */ 
#footer { 
    width: 990px; 
    height:60px; 
    margin: 0 auto; 
    padding-top:10px; 
    background-color:#000; 
    clear:both; 
    text-align:center; 
    z-index:1000; 
} 


#footer ul { 
    padding: 0px 0 0 0; 
    margin: 0 0 0 0px; 
    list-style-type: none; 
} 
#footer li { 
    float: right; 
    padding: 0; 
    margin: 0 auto; 
    display: inline; 
} 




#footerLeft ul { 
    padding: 0px 0 0 0; 
    margin: 0 0 0 0px; 
    list-style-type: none; 
} 
#footerLeft li { 
    float: left; 

} 


#footer a { 

    display: block; 
    height: 40px; 
    background-repeat: no-repeat; 
    display: inline; 
    text-decoration:none; 
    text-align:center; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 90%; 
white-space:nowrap; 
    margin:0 auto; 
     z-index:1000; 


} 



#footerwrap a { 

    display: block; 
    color:#fff; 
    height: 20px; 
    background-repeat: no-repeat; 
    padding-right:40px; 
    margin:0 auto; 
     z-index:1000; 

} 

Answer 1

你是不是想用 “页脚棒” 的方法？或者你只是想让文本内容排序为垂直居中。如果是后者，试试这个：

看着你的页脚文件，你有下面的HTML：

<div id="footerwrap"> 
    <div id="footer"> 
     <div id="footerLeft"> 
     <a href="/about/"></a><li><a href="/about/">Made in Australia</a></li> 
     </div> 

<ul> 
<span> 
<center> 
     <li><a href="/store/">Store</a></li> 
     <li><a href="/about">About</a></li> 
     <li><a href="/press">Press</a></li> 
     <li><a href="/stockists">Stockists</a></li> 
     <li><a href="/contact"><span>Contact</span></a></li> 
</center> 
</span> 
</ul> 

    </div> 
</div> 

这条线：<a href="/about/"></a><li><a href="/about/">Made in Australia</a></li>需要被移除。

如果你想在页脚粘方法的更多信息请查看http://bonrouge.com/~home