Разрушающая коробка FooterWrap

Question

Что случилось с моим Footer CSS?

Используя панель инструментов Web Dev в Firefox, я вижу, что у него есть поле, и кажется, что оно толкает все это к следующей строке - никаких отступов или полей, которые я вижу ...

Я уверен, что это легко исправить - если бы кто-то мог указать, что случилось, это был бы туз!

Спасибо, ребята!

---

Сайт здесь для 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