Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/03/2007, 18:16
JUMASOL
 
Fecha de Ingreso: noviembre-2005
Mensajes: 889
Antigüedad: 18 años, 4 meses
Puntos: 8
Problema con Imagen

Hola a todos de nuevo:

Tengo un problema con IE 6 que no me deja vivir tranquilo.

La trama:

Una imagen dentro de un div.
El div con borde de un pixel en todo el contorno, menos en la derecha.
Dentro la foto, que debe encajar dentro del div a la perfección.

El problema:

Por alguna razón que no entiendo, en IE 6 me sale un extraño margen (o lo que sea) de cuatro píxeles entre la imagen y el borde.

Sé positivamente que tiene que ver con el borde del div, pero no se qué hace para solventarlo.

El código es:

(xhtml)

<div id=fff>
<img src="imagenes/ceramicas.jpg" alt="cerámicas y porcelanas"/>
</div>

(css)

#fff {
MARGIN: 0px;
PADDING: 0px;
POSITION: absolute;
WIDTH: 390px;
HEIGHT: 352px;
LEFT: 10px;
TOP: 206px;
BORDER-TOP: #81AAD8 1px solid;
BORDER-LEFT: #81AAD8 1px solid;
BORDER-BOTTOM: #81AAD8 1px solid;
}
#fff img {
WIDTH: 390px;
HEIGHT: 352px;
}

Tanto en IE 7 como en Firefox y otros funciona perfectamente; no siendo así en modelos anteriores de IE.

Ya sabemos que IE 5 no interesa, pero lo cierto es que no se puede prescindir del IE 6, que sirve hoy en día en tantos y tantos sistemas.

Lo dicho, esperando vuestra amable respuesta, un saludo y gracias por vuestra inestimable ayuda y colaboración.