Layout con tres bandas horizontales

Es un layout muy típico. Tenemos una cabecera, una zona central y un footer o pie de página

Problemas:

• Si quitamos los bordes, las zonas aparecen separadas. Eso signfica que tienen un margen automático. Cuando activamos los bordes ya lo hemos reducido. También podemos poner a cero los márgees y padding automáticos.
• El ancho de cada zona se ajusta al contenido pero no tiene un tamaño que ocupe el total de la pantalla.