Tecnología

Inicio

Cómo hacer flotar un pie de página en CSS

June 17

Cómo hacer flotar un pie de página en CSS


La propiedad "flotar" fue desarrollado como parte de CSS1, la primera iteración de Cascading Style Sheets. Con CSS float, un objeto puede colocar en posición horizontal, izquierda o derecha. Un pie de página sitio web, o la parte inferior-la mayoría del contenido de un sitio Web, se puede introducir un fácilmente usando unas pocas líneas de código CSS en línea usando la etiqueta "estilo" o una hoja de estilos externa.

Instrucciones

Flote de un pie de página El uso de CSS en línea

1 Abra su página Web en la vista / código HTML mediante un editor de texto plano o utilizando el administrador de archivos de su servidor web.

2 Crear una etiqueta div (<div> </ div>) alrededor de su área de pie de página en la vista de código HTML.

3 Añadir

style = "float :?"

a su apertura div pie de página de etiquetas (<div>) y vuelva a colocar el signo de interrogación con su posición de flotación, que puede ser: izquierda, derecha, ninguno o heredar.

4 Guarde los cambios y actualizar la página para ver los cambios.

Flote de un pie de página con una hoja de estilos externa

5 Crear un documento llamado "style.css" con un editor de texto plano o utilizando el administrador de archivos de su servidor web. O abrir la hoja de estilo preexistente.

6 Agregue la propiedad

pie de página {float:;}?

a la hoja de estilo y vuelva a colocar el signo de interrogación con su posición de flotación, que puede ser: izquierda, derecha, ninguno o heredar.

7 Guarde los cambios y cargar el archivo en su servidor web.

8 Abra su página Web en la vista / código HTML mediante un editor de texto plano o utilizando el administrador de archivos de su servidor web.

9 Coloque la hoja de estilo a su página Web usando el siguiente comando en la cabeza, dentro de la sección <head> </ head> de las páginas pertinentes:

<Link rel = "stylesheet" type = "text / css" href = "?" />

Vuelva a colocar el signo de interrogación con la URL de su documento "style.css" cargado.

10 Crear un div (<div id = "pie"> </ div>) etiqueta alrededor de su área de pie de página dentro del código HTML. Asegúrese de darle el pie de página div el mismo ID que utilizó dentro de la hoja de estilo.

11 Guarde los cambios y actualizar la página Web para ver los cambios.

Consejos y advertencias

  • Si no desea que el pie de página para flotar en posición horizontal y desea desactivar el flotador, o centrarlo en la página, utilice el "clear: both;" propiedad en su sección de estilo div.