como crear un encabezado de tamaño ajustable

[HAYF]

hola amigos, queria saber si alguien de uds sabe como crear un encabezado de tamaño ajustable a cada resolucion, para luego si despues seguir con la pagina web en un tamaño fijo, pero como no tengo mucho conocimiento pq recien me inicio, vi algunas pagina que lo tienen y no logro hacerlo..
alguno de uds sabe como se escribe el codigo en html para poder lograrlo?
una de las pagina que tiene lo que yo quiero hacer es esta

http://www.avs4you.com/es/AVS-Video-Converter.aspx

donde se ve arriba en el encabezado una franja color gris azulado con un lindo diseño, y con tamaño variable que se ajusta a cualquier resolucion, y luego abajo si ya viene el cuerpo de la pagina donde ya si tiene un tamaño fijo supongo..pero lo que me interesa es hacer algo parecido en el encabezado arriba con una barra muy similiar con algun color y diseño pero de tamaño variable como la de esa pagina donde esa barra, sea cual sea la resolucion desde la que se acceda a la pagina, la barra siempre se ajusta perfectamente en todo el ancho del navegador.

si alguien sabe como se hace, le agradeceria que me dijera como se escribe ese codigo en html, y si es posible hacerlo en html que es donde estoy escribiendo mi pagina o sino de que otra manera lo podria hacer para incorporar al codigo que estoy escribiendo en html

muchas gracias.

[Carlangueitor]

Ese ejemplo que pones no es adaptable a las resoluciones, solo está centrado, y el fondo se repite cuantas veces sea necesario, este es el fondo:



Y con CSS le agregan repeat-x para que se repita horizontalmente.

Saludos

[HAYF]

ah, pense que se adaptaba, porque lo probe con distintas resocuciones y siempre va de un borde hasta el otro y encaja perfecto, pero entonces de todas formas me gustaria saber como fue hecho para lograr que encaje perfecto, o como seria la configuracion en css para que se repita una parte del fondo x cantidad de vece como para que quede aprox. ese ancho de la banda griseada y si es posible escribirlo en codigo html y obtener el mismo resultado.
muchas gracias.

[madhatterdef]

Puedes hacerlo así

.cabecera{background: url("urldetufondo") repeat-x
height: altopx;}

<div class="cabecera">acá tu cabecera </div>

si no entiendes vuele a preguntar y te lo explico mejor

[HAYF]

gracias, buenisimo, copio ese codigo y listo...perfecto!!

[Carlangueitor]

Eslo que te puse yo al final

[madhatterdef]

Sí, yo solo trate de ejemplificar para que le quede más claro. Viendo que no había entendido bien lo que le decías.

[aleksdj]

Simplemente usa un repeat-x sobre un patrón definido en la cabecera como fondo...muy sencillo. otra cosa es usar jquery para tener un full background que mola mas http://srobbin.com/blog/easy-full-screen-background-images-with-jquery/