Footer fijo

[jgonzalez29]

Hola a todos,

He probado varias formas de fijar el footer de mi web al final de la página y eliminar el scroll. El problema es que es una plantilla de WordPress y por lo que me han dicho esta estructurada de una forma diferente.

Me gustaría poder fija el footer al final de la página y entonces ya podría comenzar a adaptar el contenido.


Alguien puede ayudarme? la web es jgonzalez.net, es una especie de CV y estas webs quedan muy bien sin scroll.

Gracias a todos,

[maycolalvarez]

hasta donde sé solo necesitas:

Código CSS:

#footer{
position: fixed;
bottom: 0px;
z-index: 9999; /*el mas alto posible*/
}
 

[rikype]

Yo lo que entiendo es que quieres que toda la web "entre" en una sola pantalla, y que no salga scroll vertical, verdad?

Pero para eso tendrás que tener en cuenta que hay diferentes resoluciones y tamaños...

Pues bien, echando un vistazo a la web, y teniendo en cuenta que el monitor de mi portatil es de 16 panorámico a resolución 1366x768, con los siguientes cambios en tu hoja de estilos quedaría en una sola pantalla:

Código CSS:

.logo img {
     margin-top:2px;
     margin-bottom:0px;
}
 
#top menu {
      height: 50px;
}
 
#top menu ul li {
      height:40px;
      padding-top: 18px;
}
 
.foto {
      padding-bottom: 8px;
}
 
.foto img {
      max-height:280px;
      width: 100%
}
 

El último .foto img tendrías que crearlo en tu hoja de estilos porque no existe.

También hay una sentencia, imagino que en el index.php, donde deberías cambiar el estilo para acortar la distancia entre el menú y la imagen central:

Código HTML:

<div id="topmenu-sticky-wrapper" class="sticky-wrapeer" style="height:58px">
 

Fijate que lo único que está cambiado es el "height" de ese div.

Con esos cambios en mi pantalla se vería correctamente.. pero si alguien usa una resolución menor pues por fuerza saldría el scroll vertical.

Creo que es más o menos lo que querías, si no es eso pues hazlo saber y trato de echarte un cable.

Un saludo!