Mi pie de página flota

He estado probando varias soluciones de pie de página “adhesivas” durante la mayor parte de los tres días sin éxito. Intento ubicar el pie de página en la parte inferior de la ventana del navegador en instancias en las que no hay suficiente contenido para abarcar toda la altura de la ventana. Por favor. Ayuda.

Aquí está la estructura básica del sitio:

Y el CSS asociado, editado por brevedad, y tampoco refleja ninguna de las soluciones que he probado (ver a continuación):

 * { margin: 0; padding: 0; } #header { width: 100%; display:inline-block; } #headerWrapper { width: 90%; max-width:980px; } #sitewrapper { width: 100%; min-height: 100%; } #content { padding: 2%; width:90%; max-width: 980px; } #innerWrapper { display:inline-block; } #columnLeft { display: inline-block; width: 70%; float: left; } #aside { width: 30%; float: right; } #footer { background-color: #f5f5f5; width: 100%; } 

He intentado las siguientes soluciones (solo puedo mencionar dos, evidentemente, porque carezco de puntos de reputación), incluido el de Ryan Fait …

http://www.cssstickyfooter.com/
http://css-tricks.com/snippets/css/sticky-footer/

No soy un desarrollador, solo alguien que usa Google. Este es el primer sitio “receptivo” que he desarrollado, y la primera vez que uso HTML5 / CSS3.

Una cosa que he observado es gente (incluyendo Ryan Fait) aplicando estilos a lo que entiendo son los elementos semánticos de HTML5 (

,

,