parrafos - texto en html ejemplo
¿Cómo pegar texto en la parte inferior de la página? (5)
Me gustaría poner una línea "Todos los derechos reservados ..." en la parte inferior de la página. Intenté usar la posición absoluta, pero esto no funciona como se esperaba cuando la ventana cambia de tamaño a una altura menor.
¿Cómo puedo lograr este simple objetivo?
Así es como lo he hecho.
#copyright {
float: left;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
bottom: 0px;
width: 100%;
}
<div id="copyright">
Copyright 2018 © Steven Clough
</div>
Es posible que desee colocar el div absolutamente alineado en un contenedor relativamente alineado, de esta manera seguirá estando contenido en el contenedor en lugar de en la ventana del navegador.
<div style="position: relative;background-color: blue; width: 600px; height: 800px;">
<div style="position: absolute; bottom: 5px; background-color: green">
TEST (C) 2010
</div>
</div>
Prueba esto
<head>
<style type ="text/css" >
.footer{
position: fixed;
text-align: center;
bottom: 0px;
width: 100%;
}
</style>
</head>
<body>
<div class="footer">All Rights Reserved</div>
</body>
Tratar:
.bottom {
position: fixed;
bottom: 0;
}
Un hilo antiguo, pero ... La respuesta de Konerak funciona, pero ¿por qué incluso configurar el tamaño de un contenedor de forma predeterminada? Lo que prefiero es utilizar el código en cualquier lugar, sin importar el tamaño de la página grande. Así que este mi código:
<style>
#container {
position: relative;
height: 100%;
}
#footer {
position: absolute;
bottom: 0;
}
</style>
</HEAD>
<BODY>
<div id="container">
<h1>Some heading</h1>
<p>Some text you have</p>
<br>
<br>
<div id="footer"><p>Rights reserved</p></div>
</div>
</BODY>
</HTML>
El truco está en <br>
donde rompes nueva línea. Por lo tanto, cuando la página sea pequeña, verá un pie de página en la parte inferior de la página, como desee.
PERO, cuando una página es grande, por lo que DEBE DESPLAZARSE, su pie de página será de 2 líneas nuevas en todo el contenido anterior. Y si luego hace que la página sea más grande, su pie de página siempre va a ir hacia ABAJO. Espero que alguien encuentre esto útil.