Cada vez que pasamos el mouse por algun "li" de los productos, el tamaño de la fuente del titulo se agranda y esto hace que el footer se desplace un poco hacia abajo. ¿Hay alguna forma para que el footer no se mueva? Lo solucione de esta manera:
footer {
position: absolute;
top: 800px;
width: 93.65%;
text-align: center;
background: url(img/bg.jpg);
padding: 40px;
}¿Hay alguna otra forma más practica?
¡Hola Tomas!
Entiendo que has encontrado una solución al problema que estás experimentando con el footer en tu página web. Sin embargo, la solución que has proporcionado no es la más práctica, ya que estás usando una posición absoluta y una altura fija para evitar que el footer se mueva.
Una solución más práctica sería utilizar una propiedad CSS llamada "min-height" en lugar de "height". Al establecer una altura mínima, permites que el contenido de la página se expanda y contraiga sin que el footer se mueva.
Por ejemplo, en lugar de establecer la altura del footer en píxeles, puedes usar una altura mínima como esta:
footer {
min-height: 100px;
width: 93.65%;
text-align: center;
background: url(img/bg.jpg);
padding: 40px;
}De esta manera, el footer siempre tendrá una altura mínima de 100 píxeles, pero se expandirá si el contenido de la página lo requiere.
Espero que esta solución te sea útil. ¡Buena suerte con tu página web!