Problema con header y posicion

miguelwr2 · #1 (**permalink**) 09/02/2013, 17:32

Buenas!

Veréis.. tengo un problemilla con una web que estoy haciendo.. resulta que he estoy montandola con un wordpress y no he tenido ningún problema hasta ahora.. que resulta que el header con mi resolución se ve perfecto como muestro aquí:

El problema viene cuando se tiene una resolución inferior o simplemente se hace mas pequeña la ventana del chrome, que como muestro aquí el fondo del header se "mueve" y no hay forma de dejarlo fijo.

A ver si alguien sabe ayudarme.. os dejo el código del css para ver si os ayuda mas que a mi xD

Cita:

body {
background:url(images/top.png) left top repeat-x;
color:#363636;
font-family:'Century Gothic';
}

Gracias!

C2am · #2 (**permalink**) 09/02/2013, 19:30

Hola
Al contenedor general asignale un ancho especifico.
Saludos

pzin · #3 (**permalink**) 09/02/2013, 19:31

Sin ver mucho más código está difícil. Pero lo suyo sería ponerle el fondo a la cabeza y no a body.

Edito: Qué poco fluido te noto C2am.

miguelwr2 · #4 (**permalink**) 09/02/2013, 20:43

Bueno, mas o menos di con la solución, recorte un trozo de header para que se fuera repitiendo todo el rato y coloque la parte que me interesaba aparte, dejo el codigo de como lo deje:

Cita:

body {
background:url(images/top.png) left top repeat-x;
color:#363636;
font-family:'Century Gothic';
}

#header .container {
background:url("images/header.png") no-repeat scroll 250px 0 transparent;
}

Gracias a los dos!