Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Corrección de Footer

Referente al curso HTML5 y CSS3 parte 3: Trabajando con formularios y tablas, en el capítulo Creando una nueva página y actividad Presentación

por Yolby Bibiana Gómez López
| 31.7k xp | 9 posts

Buem día. Necesito ayuda para que mi footer se vea bien abajo y si el espacio blanco, alguien me hizo esta sugerencia pero quedó así:

con sugerencia (https://cdn1.gnarususercontent.com.br/6/558581/730bbbfe-b276-4424-9a00-1dd345557aa7.png)footer { background-color: black; position: absolute; bottom: 0; width: 100%; height: 40px; } 

 sin sugerencia
   footer {
background-color: black;
align-content: center;
 } 
 (https://cdn1.gnarususercontent.com.br/6/558581/5c2467e2-a521-49b8-b42c-76678963a5ab.png)
1 respuesta
solución!
por Rafaela Rocha
| 2875.2k xp | 8758 posts
Alura Scuba Team Scuba Team

¡Hola Yolby!

Para que tu footer se vea bien abajo, te recomiendo que utilices la sugerencia que te hicieron, ya que es la forma correcta de hacerlo.

El código que te recomendaron es el siguiente:

footer {
    background-color: black;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
}

Este código hace que el footer tenga un fondo negro, se posicione en la parte inferior de la página con position: absolute; bottom: 0;, tenga un ancho del 100% con width: 100%; y una altura de 40px con height: 40px;.

Si aún tienes problemas para que se vea bien abajo, es posible que debas agregar un margin-bottom al elemento que está encima del footer para que no se superponga.

Espero que esta información te sea útil. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)