Tema: Footer fijo
Ver Mensaje Individual
  #20 (permalink)  
Antiguo 24/06/2013, 14:38
Avatar de Rafael
Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 9 meses
Puntos: 1826
Respuesta: "Footer fijo"

Sigo poniendo cosas.

Las piezas que están en el sticky footer son contenedores. La premisa es que este contenedor siempre, siemre ocupe el 100% del ancho de la ventana.

Te pongo un diagrama.


Las áreas degradadas son los contenedores. A estos No les agregues un width.
Pones otro div dentro y a estos les pones digamos
Código CSS:
Ver original
  1. #pie{width: 980px; margin: 0 auto;}

Esto te centrará los bloques. No necesitas y no debes usar ningún align en el html.

La tendencia es que este bloque interno deje ver el diseño de abajo, no que parezca una hoja de papel encima. Solo es para delimitar el contenido de manera invisible.

Última edición por Rafael; 24/06/2013 a las 14:44