Foros del Web - Problemas con un div en Firefox

Foros del Web (http://www.forosdelweb.com/)

- HTML (http://www.forosdelweb.com/f4/)

- - Problemas con un div en Firefox (http://www.forosdelweb.com/f4/problemas-con-div-firefox-589700/)

Enjuto

24/05/2008 16:57

Problemas con un div en Firefox

Hola.

Muy a pesar mío (odio ser tan torpe en algo y llegar a resultar molesto), me veo en la necesaria situación de pedir ayuda una vez más (ya van tres...).

Mi problema es el siguiente:

Para crear un efecto de imagen de fondo completa, en la que pueda variar el tamaño en función del contenido, he optado por usar dos imágenes fijas (inicio y fin) y poner la del centro como fondo del elemento, de la siguiente manera:

Código HTML:

<img src="IMAGEN SUPERIOR"/><div style="background-image: url(IMAGEN DE FONDO);">Aquí va el contenido<img src="IMAGEN INFERIOR"/></div>

Con Explorer todo funciona perfectamente. Pero al visionarlo en Firefox, entre la imagen superior y la de fondo queda un pequeño espacio.

Investigando sobre el tema he imaginado que es por el div. ¿Alguien conoce algún modo de solventar este problema?

pateketrueke

25/05/2008 23:59

Respuesta: Problemas con un div en Firefox

claro.... solo mete la primer <img/> igual ke la segunda.-.... dentro del div... suerte!

jilguerogabriel

26/05/2008 07:24

Respuesta: Problemas con un div en Firefox

Tienes que cerrar cada imagen, colocaste dos imagenes en tu div, por lo tanto donde quieres que se cierre la primera imagen coloca "<img/>"

MRB08

26/05/2008 07:31

Respuesta: Problemas con un div en Firefox

Mirá te queda asi:

Código HTML:

<img src="IMAGEN SUPERIOR" /><div style="background-image: url(IMAGEN DE FONDO);">Aquí va el contenido<img src="IMAGEN INFERIOR" /></div>

Si tenés algún problemas avisame

Salu2 tu amigo MRB08:policia:

pateketrueke

26/05/2008 09:20

Respuesta: Problemas con un div en Firefox

yo decia... ke era asa

Código HTML:

<div style="background-image: url(IMAGEN DE FONDO);">

  <img src="IMAGEN SUPERIOR" />

  

  Aquí va el contenido

  

  <img src="IMAGEN INFERIOR" />
 </div>

Enjuto

27/05/2008 06:29

Respuesta: Problemas con un div en Firefox

Cita:

Iniciado por pateketrueke (Mensaje 2419841)

yo decia... ke era asa

Código HTML:

<div style="background-image: url(IMAGEN DE FONDO);">

  <img src="IMAGEN SUPERIOR" />

  

  Aquí va el contenido

  

  <img src="IMAGEN INFERIOR" />
 </div>

Esto solucionó el problema del espacio entre imágenes, pero a precio de que se vea la "imagen de fondo" detrás de la "imagen superior", ya que ésta tiene el fondo transparente (pero sólo en la parte de arriba). :-(

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