Las posiciones fijas nunca son relativas al elemento padre, sino al área visible del navegador; el
viewport.
Entonces lo que tienes que hacer es ponerle al elemento footer una posición fija, y luego ajustar lo que quieras del elemento hijo.
Código CSS:
Ver originalfooter {
position: fixed;
right: 0;
bottom: 0;
left: 0;
}
footer > div {
width: 100%;
max-width: 960px;
margin: 0 auto;
}
Lo del
Sticky Footer en realidad es otra cosa.
Aunque personalmente prefiero un
Sticky Footer a uno con posición fija.