Tecnología

Inicio

Cómo forzar un pie de página para quedarse en el fondo con CSS

Pies de página, que aparecen en la parte inferior de las páginas, por lo general contienen enlaces a secciones importantes de un sitio web. CSS tiene una propiedad denominada "inferior" que permite a los diseñadores de sitios a los objetos con relación a la parte inferior de una página de posición. Al establecer el valor de esta propiedad en cero, se puede forzar a los pies de página a pegarse perfectamente a la parte inferior de cualquier página web.

Instrucciones

1 Abra cualquier documento HTML utilizando el Bloc de notas o su editor HTML.

2 Agregue el siguiente elemento div a la sección del cuerpo de la página:

<Div class = "fondo">

Este es el texto en el interior del pie de página

</ Div>

Esta div contiene texto del pie de la muestra y una referencia a una clase CSS llamado "fondo".

3 Pegar el código se muestra a continuación en la sección de cabecera del documento:

.fondo {

position: absolute;

text-align: center;

width: 100%;

parte inferior: 0px;

width: 100%;

}

Esta clase CSS - referenciado por el div - obliga al div a flotar a la parte inferior de la página Web. La propiedad inferior, se ajusta a "0px" en este ejemplo, mantiene el div en la parte inferior.

4 Guarde el documento, y verlo en su navegador para confirmar que el pie de página aparece en la parte inferior de la página Web.

Consejos y advertencias

  • Coloque los elementos de HTML que desee, como enlaces, dentro del div. Se convierten en parte de su pie de página y mover hacia donde se coloca el div
  • La definición de la clase CSS mantiene al ras pie de página con la parte inferior de la página Web. Si prefiere mover el pie un poco, cambiar el valor de la propiedad "inferior" de "0px" a un valor diferente. Por ejemplo, para forzar el pie de página aparecen 20 píxeles por encima de la parte inferior de la página, configurar el valor de la propiedad a la parte inferior "20px".

Artículos relacionados