CSS Нижний нижний колонтитул после

Question

У меня проблема с удалением пробела после нижнего колонтитула. Я смог удалить его в chrome, устанавливая - margin-bottom, но это плохо работает с Firefox или IE. Я не совсем уверен, что понимаю, почему там пустое пространство.

Любая помощь приветствуется.

<div class="footer"> 
    <section class="footer-inner"> 
    <p class="footer-text">Copyright</p> 
    </section> 
</div> 

.footer { 
    height: 300px; 
} 
.footer-inner { 
    margin-top: -10px; 
    background-color: #E0E6E6; 
} 
.footer-text { 
    padding: 100px 0; 
    text-align: center; 
} 

http://jsfiddle.net/trws2062/ или http://www.johndayers.com/versions/v9/footer_branch/

Answer 1

Ваш сноска в настоящее время ар класс, который создает нижний край на сноске:

p { 
    margin: 0 0 10px; 
} 

Изменение футер от того, чтобы пункт в DIV, как так:

<div class="footer-text"> 
    Copyright &copy; 2015 etc... 
</div> 

Answer 2

Потому что bootstrap wil l добавить маржу в p элемент, установить margin-bottom в .footer-текст должен работать

.footer-text { 
    padding: 100px 0; 
    text-align: center; 
    margin-bottom: 0; 
}