¿Cual es la mejor forma para posicionar el Footer con css? El problema que tengo es que cuando no hay mucho contenido el footer está (en ...

Pregunta de la clase:
Creando el header
Carlos Morán

Carlos Morán

Pregunta
studenthace 6 años

¿Cual es la mejor forma para posicionar el Footer con css?

El problema que tengo es que cuando no hay mucho contenido el footer está (en este caso) pegado al swiper y no en el fondo

Pero cuando hay suficiente contenido si está bien

2 respuestas
para escribir tu comentario
    Nicolas Molina

    Nicolas Molina

    teacherhace 6 años

    Hola! como menciona tu compañero hay varias formas de solucionarlo:

    Una técnica sencilla podría ser:

    body { position: relative; margin: 0; padding-bottom: 6rem; min-height: 100%; font-family: "Helvetica Neue", Arial, sans-serif; } .footer { position: absolute; right: 0; bottom: 0; left: 0; padding: 1rem; background-color: #efefef; text-align: center; }

    Sin embargo no es la única forma y depende mucho de como este tu layout.

    Favio Sauto

    Favio Sauto

    studenthace 6 años

    Hay varias formas, lo puedes hacer usando grid, flexbox, position absolute o poniendo que el body tenga un min-height: calc(100vh - tamaño del header - tamaño del footer).

Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.

Curso de Angular [Empieza Gratis]
Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.