Foros del Web » Creando para Internet » CSS »

imagen fondo del div no se ve

Estas en el tema de imagen fondo del div no se ve en el foro de CSS en Foros del Web. A pesar de ponerle background-image: url(imagenes/d1corte_s1.jpg); background-repeat: repeat-y; no sale la imagen de fondo. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < body > < div ...
  #1 (permalink)  
Antiguo 29/05/2010, 14:51
 
Fecha de Ingreso: mayo-2010
Mensajes: 10
Antigüedad: 7 años, 6 meses
Puntos: 0
imagen fondo del div no se ve

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
  1. <div id="contenedor">
  2.   <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>
  3.    
  4.     <div id="top"><img src="imagenes/b1_s1.jpg" alt="b1" /></div>
  5.    
  6.     <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>
  7.    
  8.     <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>
  9.     <div id="derecha"><img src="imagenes/c_s1.jpg" alt="c1" /></div>
  10.    
  11.      <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>
  12. </div>
  13. </body>
Código CSS:
Ver original
  1. #contenedor {
  2.     width: 900px;
  3.     background-color: #090;
  4.     height: 400px;
  5.     margin: 0 auto;
  6.     background-image: url(imagenes/d1corte_s1.jpg);
  7.     background-repeat: repeat-y;
  8. }
  9.  
  10.  
  11. #menu {
  12.     background-color: #000;
  13.     height: 307px;
  14.     width: 250px;
  15.     float: left;
  16. }
  17.  
  18. #top {
  19. background-color: #999; height: 307px}
  20.  
  21. #laterizq {
  22.     background-color: #000;
  23.     width: 250px;
  24.     float: left;
  25.     padding-top: 20px;
  26. }
  27.  
  28. #centro {
  29.     width: 510px;
  30.     background-color: #FFF;
  31.     float:left;
  32. }
  33.  
  34. #derecha {
  35.     background-color: #000;
  36.     width: 140px;
  37.     float: right;
  38. }
  39.  
  40. #footer {
  41.     clear:both;
  42.     background-color: #000;
  43.     width: 900px;
  44.     height: 88px;
  45.     float:left;
  46. }
  #2 (permalink)  
Antiguo 29/05/2010, 16:36
Avatar de mortiprogramador
Colaborador
 
Fecha de Ingreso: septiembre-2009
Ubicación: mortuoria
Mensajes: 3.701
Antigüedad: 8 años, 3 meses
Puntos: 195
Respuesta: imagen fondo del div no se ve

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
  #3 (permalink)  
Antiguo 29/05/2010, 17:03
 
Fecha de Ingreso: mayo-2010
Mensajes: 10
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: imagen fondo del div no se ve

no se exactamente a que te refieres, al validarlo no me salen errores...
  #4 (permalink)  
Antiguo 29/05/2010, 17:17
Avatar de flpespinoza  
Fecha de Ingreso: mayo-2010
Ubicación: El Grullo, Jalisco
Mensajes: 3
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: imagen fondo del div no se ve

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
  #5 (permalink)  
Antiguo 29/05/2010, 18:07
Avatar de mortiprogramador
Colaborador
 
Fecha de Ingreso: septiembre-2009
Ubicación: mortuoria
Mensajes: 3.701
Antigüedad: 8 años, 3 meses
Puntos: 195
Respuesta: imagen fondo del div no se ve

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
  #6 (permalink)  
Antiguo 29/05/2010, 19:17
 
Fecha de Ingreso: mayo-2010
Mensajes: 10
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: imagen fondo del div no se ve

sigue igual, la imagen esta bien porque lo he probado en otra pagina y si funciona la instrucción
  #7 (permalink)  
Antiguo 18/07/2010, 22:05
 
Fecha de Ingreso: septiembre-2003
Ubicación: Capital Federal
Mensajes: 38
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: imagen fondo del div no se ve

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.
  #8 (permalink)  
Antiguo 19/07/2010, 16:49
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: imagen fondo del div no se ve

Hola:

¿Qué contiene ese div contenedor?

Saludos.


Etiquetas: fondo
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 19:51.