header de extremo a extremo

[sallen]

Hola

Ante todo gracias por leerme y estar en este foro, ya que, aunque es mi primer post, mas de 1 vez he acabado aqui encontrando mis respuestas!!

Quiero hacer un header con una imagen repetida en eje x encima de un fondo repetido por todo el background.

Tengo en bg img body la imagen en repeat y habia pensado en hacer un div con el fondo con bg img repeat -x pero quiero que vaya desde la izqda hasta la derecha y para eso le tengo que dar una dimesion fija y me hace scroll dependiendo de las resoluciones.
Probe con un table con el 100%, pero me deja unos espacion arriba, izquierda y derecha, si lo modifico con margin-top -20px y lo mismo con left, se me amplia el hueco de la derecha.

El caso es que siempre acaba quedando algun hueco que el header no cubre y se ve el dibujo del fondo de body.

Alguna ayuditaa???

Saludoss!

[AlbertoGarcia]

Hola, con un div al 100% no debarías tener problemas y los huecos son de la hoja de estilos predeterminada de cada navegador, resetea los rellenos (padding) y los márgenes (margin) al principio de tu hoja de estilos:

Código HTML:

* {
padding: 0;
margin: 0;
}

Salud!

[WillxD]

De acuerdo con AlbertoGarcia, debes resetear para evitar los "huecos" .

Tengo en bg img body la imagen en repeat y habia pensado en hacer un div con el fondo con bg img repeat -x pero quiero que vaya desde la izqda hasta la derecha y para eso le tengo que dar una dimesion fija y me hace scroll dependiendo de las resoluciones.

El repeat-x hace lo que tu dices, repite la imagen de izquierda a derecha. Y sobre darle una dimensión fija, solo debes asignarle el alto. Y con eso debe funcionar.
Ejemplo:

Código css:

#header{
       background: url(tuimagen.png) repeat-x;
       height:300px;
}
 

Salu2

[sallen]

Muchas gracias a los 2.

Willy, eso si lo teniaa :D

Alberto, has dado en el clavo, habia intentado tocar los margenes (y el paddin pero sin estar seguro del todo si influiria) pero dentro del css del div
Al ponerlo como tu indicas, a la perfeccion.

Al poner esto y el ancho al 100% ya no tengo que rellenar el div para que aparezca.

Graciaaas!