Fijar el footer de una web en la parte de abajo mediante JavaScript

Buenas de nuevo,

hoy vengo con un tema que varias veces he tenido que aplicar y que cada vez que lo necesito me lleva un tiempo considerable: “hacer que el footer de una web se quede en la parte de abajo y no se mueva”

Yo he considerado la siguiente solución:

1. Partimos de que nuestra web tiene 3 partes: Cabecera, Contenido(todo ello metido en un div con id=information) y Footer

2. El código JavaScript que hace que el footer se quede abajo aunque cambiemos el tamaño de la ventana es el siguiente:

function fix_footer()
{
var window_height = $(window).height();
var body_height = $(“body”).height();
var content_div = $(“#information”);

if (window_height >= body_height) {
content_div.height(content_div.height() + (window_height – body_height));

}

else {
content_div.height(”);
}
};

$(window).resize(function(){fix_footer()});
$(document).ready(function(){fix_footer()});

Simple, ¿verdad?

Acerca de

Ingeniero Informático. RoR Developer

Publicado en Informática, JavaScript

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: