duda con div css

[juan_14nob]

Hola a todosss!!!, epsero que anden muy bien, tengo una duda, lo que quiero hacer es ubicar un div pero que este abajo de la pantalla siempre.. osea supongamos que tengo una pagina laaaaarguisima (height) y al hacer click en un enlace, aparezca el div en la parte inferior del monitor (pero no al final de la pagina web)
se entiende lo que quiero hacer¿?..

Saludos...

[cristian_cena]

hola juan, te presento dos ejemplos, acomodalos según tu necesidad:

Una sola caja al 100%

Código CSS:

#inferior
{
width:100%;
height: ...px;
position:fixed;
bottom:0; left:0;
}
 

Código HTML:

<div id="inferior">... contenido...</div>
 

Una caja al 100% con un hijo centrado:

Código CSS:

#liquid
{
width:100%;
height: ...px;
position:fixed;
bottom:0; left:0;
}
#inferior
{
width:960px;
height: ...px;
margin:0 auto;
}
 

Código HTML:

<div id="liquid"><div id="inferior">... contenido...</div></div>
 

Notarás que la clave está en usar position:fixed;
también lo puedes hacer con position:absolute; da igual.

Saludos.