Hola a todos.
El ejemplo anterior tiene la altura de la cabeza y en pie en 'em' se redimensiona al aumentar o disminuir el tamaño de la fuente.
Puede hacerse con porcentajes, entonces al redimensionar la ventana se redimensionan el pie y la cabeza.
Esto sería así:
Código HTML:
/* con porcentaje, height: 8%;*/
#cabeza,
#Pie { position: fixed;
height: 8%; width:100%;
background: silver; color: black;}
/* con em, height: 4em; */
#cabeza,
#Pie { position: fixed;
height: 4em; width:100%;
background: silver; color: black;}