Foros del Web » Creando para Internet » HTML »

header de extremo a extremo

Estas en el tema de header de extremo a extremo en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/06/2009, 08:30
 
Fecha de Ingreso: junio-2009
Mensajes: 6
Antigüedad: 8 años, 6 meses
Puntos: 0
header de extremo a extremo

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!
  #2 (permalink)  
Antiguo 03/06/2009, 14:15
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: header de extremo a extremo

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!
  #3 (permalink)  
Antiguo 03/06/2009, 15:34
Avatar de WillxD  
Fecha de Ingreso: febrero-2009
Ubicación: Lima =D!
Mensajes: 82
Antigüedad: 8 años, 9 meses
Puntos: 3
Respuesta: header de extremo a extremo

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

Cita:
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:
Ver original
  1. #header{
  2.        background: url(tuimagen.png) repeat-x;
  3.        height:300px;
  4. }

Salu2
  #4 (permalink)  
Antiguo 04/06/2009, 17:25
 
Fecha de Ingreso: junio-2009
Mensajes: 6
Antigüedad: 8 años, 6 meses
Puntos: 0
De acuerdo Respuesta: header de extremo a extremo

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!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:11.