Mi header se distorsiona cuando se encoje la pantalla.

[C2am]

hola
Tal vez algo como esto:

Código HTML:

<!-- inicio cabecera -->
<div id="fondonegrocabecera">
      <div >cabecera logo etc</div>
<div id=top>menu</div>
 
</div>
<!-- fin cabecera-->
 
 
<div>CONTENTIDO</div>
 
<!-- inicio pie --->
<div id="fondonegropie">
  <div>pie</div>
 
</div>
<!-- fin pie --->
 

Luego a fondonegrocabecera le das un width:100%, y lo mismo para el fondonegropie.
En cambio para el contenido (logo, menu, pie ) de esos le das el ancho que decidas (1000px, 1200px o lo que quieras) y lo centras.

Es una manera.
Saludos