Problemas de CSS de pie de página adhesivo

Question

He podido diseñar mi diseño para que tenga 2 columnas y un ancho del 100%, puede ver que aquí .

Ahora estoy tratando de implementar una altura de pie de página adhesivo (100%) con este diseño que también tiene el fondo en la columna de la derecha que fluye hacia abajo del pie de página y también con el borde que tengo en la columna de la izquierda.

¿Hay alguna manera de hacer esto con mi diseño actual o sería genial si alguien pudiera sugerir una alternativa a la forma en que lo estoy haciendo actualmente!

¡Gracias!

Answer 1

Eche un vistazo a Sticky Footer 2009 . Esto se ha discutido varias veces en SO también.

Answer 2

Agregaría una clase CSS al DIV que contiene las columnas y el estilo que. Para acercarme, tuve que agregar lo siguiente a su archivo CSS:

body
{
 height: 100%;
}

.footer
{
 position: absolute;
 top: 90%;
 left: 0;
 height: 10%;
}