Soporte » Diseño – Temas y plantillas » Fijar footer para que no se mueva

  • Resuelto Amelia Polo

    (@amelia-polo)


    Buenos días,

    Tengo problemas con el footer de mi web. No sé queda debajo del todo, si no, que según el contenido de cada página de la web, se sube o se baja. Me gustaría que siempre quedará fijo, independientemente del contenido de cada página.

    El theme que estoy utilizando es Themia Lite.

    ¿Qué puedo hacer?

    Muchas gracias!

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Shinjiru_fred

    (@shinjiru_fred)

    Saludos Amelia.

    ¿Podrías dejarnos un link en donde ver el problema que tienes?

    😉 no te preocupes, seguramente te ayudaremos a solucionarlo.

    Amelia Polo

    (@amelia-polo)

    Hola!

    Los links con los que tengo el problema son estos dos:

    Tu WordPress

    Meetups

    Muchas gracias!

    Un saludo! 🙂

    Shinjiru_fred

    (@shinjiru_fred)

    error… post duplicado. Sorry.

    Shinjiru_fred

    (@shinjiru_fred)

    Hola de nuevo Amelia.

    Al entrar a los links solo veo esta imagen

    Salvo un scroll horizontal (que creo no se debería mostar) no veo problemas. El scroll lo he visto a partir de resolución 1366×768. En 1920×1080 no se muestra.

    Revisa la imágen y avisanos en donde está el error.

    😉 saludos.

    Amelia Polo

    (@amelia-polo)

    Hola de nuevo!

    Perdona no lo tenía abierto todavía…ahora si 🙂

    Tu WordPress

    Meetups

    Como ves el footer en estas páginas está movido hacia arriba, me gustaría que se fijara abajo del todo.

    Muchas gracias! 🙂

    Shinjiru_fred

    (@shinjiru_fred)

    Hola de nuevo Amelia 😉

    Ahora si pude ver lo que quieres solucionar. Bueno, a lo que vinimos:

    Busca y agrega en tu archivo CSS lo siguiente:

    .fullwidth {
        background: url("images/postbg.png") repeat scroll 0 0 transparent;
        border: 1px solid #DFDFDF;
        margin-top: 50px;
        min-height: 300px; /* Hemos agregado esto */
        padding: 26px;
    }

    La ruta del archivo en tu servidor es /wp-content/themes/themia-lite/style.css

    min-height: se encarga de dar un largo mínimo para que puedas mantener una cierta proporción en el tamaño de tu página sin depender del contenido. Con eso solucionas el problema.

    He puesto 300px a modo de ejemplo y que se ajusta bien en mi PC pero depende ya de la resolución a la que quieres ajustar el footer.

    Para una resolución mayor como 1920×1080 el espacio en blanco después del footer se hace visible de nuevo pero no es nada de preocupación pues para esa resolución muchas páginas muestran ese mismo espacio.

    Igualmente existe una forma de solucionarlo para esta resolución pero la explicación es algo larga (Si en algún momento deseas saber la solución con gusto te lo podemos explicar).

    Algo que he notado es un espacio blanco en las páginas que tienen el sidebar izquierdo. En esta imagen he colocado un cuadro amarillo semitransparente para resaltarlo ¿Ese espacio está bien?.

    Bueno, he luchado para no extenderme en el post. Ocurre que al ir explicando una cosa puede llevar a la otra y al final llegaríamos al porqué Internet Explorer inferior a 9 es tan odiado.

    Saludos y cuéntanos que tal te va.

    Amelia Polo

    (@amelia-polo)

    Hola,Shinjiru_fred!

    He hecho lo que me has explicado y funciona!!!

    Mil gracias!! Has sido de gran ayuda y me has hecho un favorazo porque me estaba desesperando!! Muchas gracias!!

    Un saludo! 🙂

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • El debate ‘Fijar footer para que no se mueva’ está cerrado a nuevas respuestas.