Para esto tendrias que darle al header, content y footer una altura en porcentajes de igual manera que has definido el ancho de 100% en header y footer.
Es decir, que puedes darle al header y footer un height de 10% a cada uno, por lo que ya tendrias un 20% de espacio en pantalla ocupado. Podrias poner una altura al content de un 76% para que te sobre de espacio 2% arriba del content, y 2% abajo del content. Claro que ya depende de como se vea, tu podras asignarle la altura en porcentajes que mejor te paresca a cada elemento.
Existe la metodologia llamada "Web responsive design", es bastante interesante y se trata en pocas palabras, armar tu pagina web y que sea ajustable a cualquier resolucion de pantalla. Es facil de aprender, y ayuda mucho a aprender el css de manera limpia.
Haz la prueba con lo que te comente y nos avisas si te sirvio. Saludos
