Quiero hacer que el footer
siempre este hasta abajo de todo, en las demás páginas sale bien, pero cuando creo un archivo html
nuevo se posiciona así. Ya usé el position:absolute
y bottom:0
en el footer
, pero cuando en las otras páginas hago scroll se queda arriba el footer
,
.foter {
display: grid;
grid-template-columns: repeat(3, 1fr);
background-color: black;
color: white;
margin-top: 8rem;
text-align: center;
bottom: 0;
}
<footer class="foter centrar-texto">
<div class="fb paddingtop">
<a href="https://www.facebook.com/raspados.isla.50" class="footer-span">
<i class="fab fa-facebook-square tamaño-iconos"></i> <br> Raspados Isla</a>
</div>
<div class="paddingtop">
<i class="fas fa-map-marker-alt tamaño-iconos"></i>
<p>30 Avenida Nte., Gonzalo Guerrero, 77710 Playa del Carmen, Q.R.</p>
</div>
<div class=" paddingtop">
<i class="fab fa-whatsapp-square tamaño-iconos"></i> <br>
<span class="footer-span">99-99-99-99-99</span>
</div>
</footer>