Foros del Web » Creando para Internet » CSS »

solapamiento div a img

Estas en el tema de solapamiento div a img en el foro de CSS en Foros del Web. Hola a [email protected], tengo este código, me funciona en IE7 y en Firefox, pero como no... en IE6 no...alguna sugerencia? Código: <div id="imatge" style="left:13px;"><img src="img/hostal_audade.jpg" ...
  #1 (permalink)  
Antiguo 08/01/2008, 03:42
 
Fecha de Ingreso: septiembre-2007
Mensajes: 39
Antigüedad: 10 años, 2 meses
Puntos: 0
solapamiento div a img

Hola a [email protected], tengo este código, me funciona en IE7 y en Firefox, pero como no... en IE6 no...alguna sugerencia?

Código:
<div id="imatge" style="left:13px;"><img src="img/hostal_audade.jpg" width="330" height="345" /><div style="position:relative;background:#FFF;left:0px; height:45px;top:-45px;"></div></div>]
  #2 (permalink)  
Antiguo 08/01/2008, 06:16
 
Fecha de Ingreso: septiembre-2007
Mensajes: 39
Antigüedad: 10 años, 2 meses
Puntos: 0
Re: solapamiento div a img

Perdon, lo expongo mejor, mi idea es que un div se solape a un img. El div que quiero que se solape esta dentro del div donde está la imagen.

#imatge{
float:left;
width:331px;
height:345px;
}

<div id="imatge">
<img src="http://www.sponge.es/af2/img/hostal_audade.jpg" width="330" height="345" />
<div style="position:relative;background:#FFF;left:0px; height:45px;top:-45px;"></div>
</div>

En Explorer IE7 y en firefox, se solapa bien, pero en IE6 me deja un espacio que es en principio el que ocupa el div que quiero solapar.

Aquí podéis ver a que me refiero: http://www.sponge.es/af2
  #3 (permalink)  
Antiguo 10/01/2008, 03:06
 
Fecha de Ingreso: junio-2007
Mensajes: 67
Antigüedad: 10 años, 5 meses
Puntos: 1
Re: solapamiento div a img

He estado mirándolo y creo que ya lo solucionaste, porque en ambos exploradores lo veo igual, ¿no?

Saludos
  #4 (permalink)  
Antiguo 10/01/2008, 09:22
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: solapamiento div a img

mira si con esto anda bien ^^

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
#imatge{
margin: -8px;
float:left;
width:331px;
height:345px;
}

#estilo{
position:relative;
background:#FFF;
left:0px; 
height:45px;
top:-45px;
}
</style>
</head>

<body>
<div id="imatge">
<img src="http://www.sponge.es/af2/img/hostal_audade.jpg" width="330" height="345" />
<div id="estilo"></div>
</div>
</body>
</html> 
  #5 (permalink)  
Antiguo 10/01/2008, 12:47
 
Fecha de Ingreso: septiembre-2007
Mensajes: 39
Antigüedad: 10 años, 2 meses
Puntos: 0
Exclamación Re: solapamiento div a img

Ei, muchas gracias, pero lo he probado en el IE6 que es el navegador que me interesa ya que to dios lo usa, y nada, no se porque, posiciona la capa bien, pero duplica el espacio como si hubiese la misma capa debajo...

Si te fijas y entras a http://www.sponge.es/af2/prova.html veras que crea un espacio debajo de la capa, se ve seleccionandolo todo que es lo que hace que me descuadre las medidas ya que me aumenta el tamaño del div :(
  #6 (permalink)  
Antiguo 10/01/2008, 13:56
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: solapamiento div a img

mmm en la página que me pasaste no acabo de ver el problema
  #7 (permalink)  
Antiguo 11/01/2008, 02:08
 
Fecha de Ingreso: septiembre-2007
Mensajes: 39
Antigüedad: 10 años, 2 meses
Puntos: 0
Re: solapamiento div a img

Ok, míralo ahora que le he puesto bordes para que se vea lo que te explico. En IE6 el div se hace mas largo porque duplica el espacio de la capa que solapa a la imagen, mientras que en firefox, como no, todo va ok.
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 05:18.