Tecnología

Inicio

Cómo anclar un DIV al final de una página

Cómo anclar un DIV al final de una página


Para anclar un DIV a la parte inferior de una página en HTML que tendrá que utilizar un CSS. CSS significa Cascading Style Sheet y se refiere a los tipos de letra, colores y posicionamiento de los elementos del documento HTML y el sitio web que se representa. Ajuste del posicionamiento dentro de la CSS puede anclar el elemento o DIV a una ubicación específica si el posicionamiento está configurado como fijo. Esto permitirá que otros elementos de la página funcione alrededor del elemento, pero el DIV especificado permanecerá anclado en su lugar.

Instrucciones

Cómo anclar un DIV al fondo de la página de un sitio web

1 Introducir el código básico de pie de página DIV en su editor HTML. El código debe ser similar a esto:

<Div id = "pie">

&lt;div class="wrap">

& Lt; p> Insertar aquí. & Lt; / p>

& Lt; / div>

& Lt; / div>

Este es el código para el DIV que desea anclar a la parte inferior de la página HTML.

2 Añadir una regla CSS para la hoja de estilo de la envoltura, encabezado y pie de página. La hoja de estilo CSS debe tener este aspecto:

.Wrap {

position:relative;

margin: 0 auto;

Ancho: 960;

}

#encabezado pie de página {

width: 100%;

flotador izquierdo;

}

La anchura de la envoltura 960 píxeles debe ser cambiado para adaptarse a las dimensiones de la página que se crearon.

3 Añadir un código adicional a la CSS que se aplica sólo a la DIV desea delimitar a la parte inferior de la página. El código debería tener este aspecto:

pie de página {

position:fixed;

parte inferior: 0;

z-index: 999999;

}

Este código será anclar el DIV a la parte inferior de la página, sin importar qué más se añade o se elimina de la página.