Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » HTML » Como poner un footer que aparezca al final de la página

HTML - Como poner un footer que aparezca al final de la página

Volver
Nuevo Tema
<<>>
 
Vista:
Mensajes realizados anteriormente (No estaban la última vez que entraste)(+1)Como poner un footer que aparezca al final de la página
Christian (16/12/2019 23:44:57)174 visitas
1 respuesta
Mensajes realizados anteriormente (No estaban la última vez que entraste)(+1)Como poner un footer que aparezca al final de la página
joel (17/12/2019 08:46:31)

Como poner un footer que aparezca al final de la página

Publicado por Christian (1 intervención) el 16/12/2019 23:44:57
Hola, soy nuevo en esto de la programación, estoy intentando hacer un footer que aparezca al final de la página, ocupando todo el ancho de la web, pegado al final (como si fuese la barra de tareas del windows, pero que aparezca solo cuando has deslizado la barra de navegación del navegador justo al final de la web.

Gracias, un cordial saludo.

CSS:

1
2
3
4
5
6
7
8
#pie-de-pagina{
	background-color: #F1C40F;
	position: fixed;
	width: 100%;
	height: 50px;
	bottom: 0;
	font-style: italic;
}

Ese sería el footer al que le he asignado un id con el nombre de pie-de-pagina con esas características, he probado a poner también esto

1
2
3
4
5
6
7
8
9
10
#pie-de-pagina{
	background-color: #F1C40F;
	position: relative;
	width: 100%;
	margin-bottom: -15px;
	margin-left: -10px;
	margin-right: -10px;
	height: 50px;
	bottom: 0;
	font-style: italic;

y funciona bastante bien, se ajusta a lo que quiero, pero el margen de la derecha no me lo aplica dejando un espacio en blanco que no me gusta nada.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
1
Responder
Imágen de perfil de joel
Val: 621
Oro
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Como poner un footer que aparezca al final de la página

Publicado por joel (164 intervenciones) el 17/12/2019 08:46:31
Aquí tienes un ejemplo:
https://www.lawebdelprogramador.com/codigo/CSS/2569-Como-poner-el-pie-de-pagina-al-final-de-pagina-con-HTML5-y-CSS.html
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar