Как сделать нижний колонтитул?

Question

Я хочу сделать нижний колонтитул, который всегда находится в самом низу веб-страницы. Я хочу, чтобы содержать это в сноске:.

<section> 
     <h3><b>AnDeb-Autos</b></h3> 
     <p>07956010151<br> 
     info@andebautos.com<br><br> 
     <b>Post only address because we are mobile van based</b><br><br> 
     Alison Business Centre,<br> 
     40 Alison Crescent<br> 
     Sheffield<br> 
     S2 1AS</p> 
    </section> 
    <section> 
     <h3>Connect with us!<h3> 
     <ul class="social"> 
      <li><a href="#"><img src="FACEBOOK" /></a></li> 
      <li><a href="#"><img src="EBAY" /></a></li> 
      <li><a href="#"><img src="GOOGLEPLUS" /></a></li> 
     </ul> 
    </section> 

Я хотел бы, чтобы это было 100% в ширину и так высоко, как это должно быть, чтобы соответствовать все в Я хотел бы также, как это, чтобы Haave цвет фона черный, который имеет непрозрачность, поэтому он не такой твердый.

Answer 1

в вашем CSS стилей добавить эти

html { 
    position: relative; 
    min-height: 100%; 
} 

body { 
    margin: 0 0 100px; /* bottom = footer height */ 
    padding: 25px; 
} 

section { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    height: 100px; 
    width: 100%; 
    overflow:hidden; 
}