imagen fondo del div no se ve

booble · #1 (**permalink**) 29/05/2010, 13:51

A pesar de ponerle background-image: url(imagenes/d1corte_s1.jpg); background-repeat: repeat-y; no sale la imagen de fondo.

Código HTML:

Ver original<body>
<div id="contenedor">
  <div id="menu"><img src="imagenes/a0logo_s1.jpg" alt="logo" /><img src="imagenes/a1_s1.jpg" alt="a1" /><img src="imagenes/a2_s1.jpg" alt="a2" /><img src="imagenes/a3_s1.jpg" alt="a3" /><img src="imagenes/a4_s1.jpg" alt="a4" /><img src="imagenes/a5_s1.jpg" alt="a6" /><img src="imagenes/a6_s1.jpg" alt="a7" /><img src="imagenes/a7_s1.jpg" alt="a8" /><img src="imagenes/a8_s1.jpg" alt="a9" /></div>
    
    <div id="top"><img src="imagenes/b1_s1.jpg" alt="b1" /></div>
    
    <div id="laterizq"><img src="imagenes/a9moto1_s1.jpg" alt="m1" class="fotolateral" /><img src="imagenes/a9moto2_s1.jpg" alt="m2" class="fotolateral" /><img src="imagenes/a9moto3_s1.jpg" alt="m3" class="fotolateral" /></div>
    
    <div id="centro"><img src="imagenes/b2about_s1.jpg" alt="b1" /><img src="imagenes/b3_s1.jpg" alt="b1" /><img src="imagenes/b4_s1.jpg" alt="b3" /></div>
    <div id="derecha"><img src="imagenes/c_s1.jpg" alt="c1" /></div>
   
     <div id="footer"><img src="imagenes/d2_s1.jpg" alt="d1" /><img src="imagenes/d3_s1.jpg" alt="d2" /><img src="imagenes/d4_s1.jpg" alt="d3" /><img src="imagenes/d5_s1.jpg" alt="d4" /></div>
</div>
</body>

Código CSS:

Ver original#contenedor {
    width: 900px;
    background-color: #090;
    height: 400px;
    margin: 0 auto;
    background-image: url(imagenes/d1corte_s1.jpg);
    background-repeat: repeat-y;
}
 
 
#menu {
    background-color: #000;
    height: 307px;
    width: 250px;
    float: left;
}
 
#top {
background-color: #999; height: 307px}
 
#laterizq {
    background-color: #000;
    width: 250px;
    float: left;
    padding-top: 20px;
}
 
#centro {
    width: 510px;
    background-color: #FFF;
    float:left;
}
 
#derecha {
    background-color: #000;
    width: 140px;
    float: right;
}
 
#footer {
    clear:both;
    background-color: #000;
    width: 900px;
    height: 88px;
    float:left;
}

mortiprogramador · #2 (**permalink**) 29/05/2010, 15:36

Hola
Bueno, no se exactamente como modificarlo
para tu gusto, pero pues haciendo pruebas estos
estilos estan en conflicto con contenedor

#menu, #top, #laterizq, #footer

tal vez podria ser algo de los anchos,
pero pues debes realizar pruebas

saludos

booble · #3 (**permalink**) 29/05/2010, 16:03

no se exactamente a que te refieres, al validarlo no me salen errores...

flpespinoza · #4 (**permalink**) 29/05/2010, 16:17

Tal vez tenga que ver con como pones la dirección relativa en la URL del background, prueba poniendo ../ antes de la carpeta imagenes asi:

background-image: url(../imagenes/d1corte_s1.jpg);

espero te funcione

mortiprogramador · #5 (**permalink**) 29/05/2010, 17:07

hola
me refiero a que si por un momento quitas esos otros
estilos la imagen es visible
ahora, otra prueba que hice fue dejar los estilos tal cual
los publicaste y esa imagen (d1corte_s1.jpg) dejarla
super grandota (tome una imagen bastante grande)
y resultado de esa prueba si se ve la imagen (una parte)
así que tal vez pueda ser la imagen que tengas

bueno, espero ahora si haberme hecho entender
saludos

booble · #6 (**permalink**) 29/05/2010, 18:17

sigue igual, la imagen esta bien porque lo he probado en otra pagina y si funciona la instrucción

JoseA · #7 (**permalink**) 18/07/2010, 21:05

Hola!
Buscando sobre un problema que tengo actualmente con un div veo esto y es lo mismo problema que estoy teniendo:
Tengo un div contenedor que sería la caja donde írán las demás partes del site, pero no logro hacer que esa imagen se repita a lo largo. He probado de varias formas y lo único que hace es mostrarse solo una vez.

#contenedor {
width: 750px;
margin-right: auto;
margin-left: auto;
background-image:url(library/fondo_index.jpg);
background-repeat: repeat;
}

La imagen tiene 750px x 150px. Por otro lado les comento que en IE si ejecuto la vista de compatibilidad la repetición se ve, pero no así en FireFox o Safari.

Pero no me quedé con esto, intenté de la siguiente forma:

#contenedor {
width: 750px;
margin-right: auto;
margin-left: auto;
background-image:url(library/fondo_index.jpg);
background-repeat: repeat;
height: 750px;
}

Ahi solo veo la repetición del fondo hasta los 750px de largo... pero bueno, no siempre tendrá ese largo dado que es variable dependiendo de la información que muestren los otros divs...

Entonces probé de hacerlo así...

#contenedor {
width: 750px;
margin-right: auto;
margin-left: auto;
background-image:url(library/fondo_index.jpg);
background-repeat: repeat;
height: 100%;
}

Pero nada, no da resultado. No puedo hacer que esa imagen de fondo se repita a lo largo del site.

Podría alguien darnos una ayuda con esto o comentarnos por donde podemos comenzar a ver el error?
Desde ya muchas gracias por todo!.

Slds,
JoseA.

jomaruro · #8 (**permalink**) 19/07/2010, 15:49

Hola:

¿Qué contiene ese div contenedor?

Saludos.