LinkBack URL
About LinkBacks¿Cómo se hace para colocar un div siempre en el fondo de la página?, de la misma forma que esta página tiene una barra donde aparecen mi estado de login y otros vinculos.
- (+)
- Registrarse
- ¿Recordarme?
Your navigation in Foro
Puedes registrarte para acceder a todas las opciones del foro. Una vez registrado, podrás crear nuevas temas, responder y ganar reputación en la comunidad, enviar mensajes privados, y muchas opciones más.
¿Cómo se pone un elemento siempre en el fondo de una página? ¿Cómo se hace para colocar un div siempre en el fondo de la página?, de la misma forma que esta página tiene una barra donde aparecen mi estado de login y otros vinculos.
Position:absolute Como dice el título, para que un div quede fijo sin importar cuanto muevas la página lo que tienes que hacer es utilizar el valor absolute en una hoja de estilos, digamos que queremos un menú desplegable que se mantenga en determinado lugar, el código HTML para hacerlo seria el siguiente:
Después le añadimos el siguiente código CSS para darle forma:<body>
<div id="menufijo">
<ul>
<li>Menu</li>
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
</ul>
</ul>
</div>
</body>
Y listo, por más que muevas esa página el menú no se va a mover de ahí.#menufijo {
position: absolute;
background: #f8f8f8;
border-radius: 10px;
border-style: solid;
border-width: 1px;
border-color: #d3d3d3;
font-family: Verdana;
font-size: 14px;
text-decoration: none;
}
#menufijo:hover ul ul {
display:block;
}
#menufijo ul ul {
display: none;
color: #565656;
position: absolute;
}
#menufijo ul ul:hover {
color: #606060;
}
