Cómo establecer el pie de página pegajoso en la parte inferior de una página web usando CSS?

Aquí, vamos a aprender cómo configurar el pie de página pegajoso en la parte inferior de una página web usando CSS (Cascading Style Sheet)?

Introducción:

sabemos varias cosas en relación con el desarrollo web, ¿verdad? Pero, ¿sabemos todo? La respuesta podría ser no. Eso no es nada para sentir vergüenza por como es apenas natural que no se puede saber todo lo que, por otra parte, cuando usted es un principiante. Por lo tanto, hay que seguir aprendiendo tanto como se pueda. Aprender diversas propiedades ayudaría a crecer como un desarrollador web de forma exponencial. Una buena y desarrollador profesional es el que sigue aprendiendo cosas nuevas y poner en práctica los aprendizajes en el desarrollo de sitios web o páginas web. Así que si tu objetivo es ser un desarrollador bien nunca se deja de aprender nuevos métodos, propiedades, funciones, etc. Por lo tanto, en esa nota aprendamos algo nuevo en este artículo y que está fijando el pie de página en la parte inferior de la página web o en la web.

sabemos varias cosas en relación con el desarrollo web, ¿verdad? Pero, ¿sabemos todo? La respuesta podría ser no. Eso no es nada para sentir vergüenza por como es apenas natural que no se puede saber todo lo que, por otra parte, cuando usted es un principiante. Por lo tanto, hay que seguir aprendiendo tanto como se pueda. Aprender diversas propiedades ayudaría a crecer como un desarrollador web de forma exponencial. Una buena y desarrollador profesional es el que sigue aprendiendo cosas nuevas y poner en práctica los aprendizajes en el desarrollo de sitios web o páginas web. Así que si tu objetivo es ser un desarrollador bien nunca se deja de aprender nuevos métodos, propiedades, funciones, etc. Por lo tanto, en esa nota aprendamos algo nuevo en este artículo y que está fijando el pie de página en la parte inferior de la página web o en la web.

El pie de página en CSS se pueden pegar en la parte inferior de la página web de la misma manera que los palos de la barra de navegación en la parte superior de la página. Siempre está ahí en la parte inferior de la página, no importa cuánto se desplaza por la página web? Siempre es visible en todas las páginas. No sólo eso, es una buena práctica para los pies de página class en los sitios web o páginas web. Esto hace que su sitio web o página web parecen ser muy profesional y organizada. & Nbsp; Normalmente, el sitio web de pie de página es útil añadir información y opciones de navegación adicionales al final de la página web.

tanto, vamos a include esta discusión sobre el establecimiento de los pies de página en la parte inferior de la página .

Solución:

Para crear un pie de página a la estancia en la parte inferior de una página web en CSS todo lo que necesita hacer es conjunto de la posición de fija , de modo que el pie de página se fija en una posición incluso si desplazarse por la página web y configurar la parte inferior a 0 por lo que se fija en la parte inferior de la página web exactamente lo que queríamos.

Sintaxis:

element{
position:fixed;
bottom:0; // other CSS properties
}

Ejemplo:

<html>
<head>
<style>
iframe {
height: 300px;
width: 900px;
background-color: blue;
}
.footer {
position: fixed;
padding: 10px 10px 0px 10px;
bottom: 0;
width: 100%;
height: 30px;
font-size: 20px;
background: #f40;
color: #fff;
text-align: center;
}
</style>
<head>
<body>
<h1>IncludeHelp</h1>
<iframe src="https://www.includehelp.com/" frameBorder="0"></iframe>
<div class="footer">This is IncludeHelp</div>
</body>
<html>

salida

How to set the sticky footer at the bottom of a webpage using CSS? - 4

En el ejemplo anterior, el DIV de color que contiene “Este es IncludeHelp” está en el pie de página que se encuentra en la parte inferior de la página.

Las palabras de consejo:

que fuera fácil, ¿verdad? Lo más importante en el establecimiento del pie de página es lo que quiere continue en el pie de página. Como no desea nada redundante que se mostrará en el pie de página, por lo que es muy importante lo que decida como pie de página.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *