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

 
Vista:

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