Foros del Web » Creando para Internet » CSS »

Problema con Imagen

Estas en el tema de Problema con Imagen en el foro de CSS en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 20/03/2007, 19:16
 
Fecha de Ingreso: noviembre-2005
Mensajes: 825
Antigüedad: 12 años, 1 mes
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.
  #2 (permalink)  
Antiguo 20/03/2007, 19:44
 
Fecha de Ingreso: noviembre-2005
Mensajes: 825
Antigüedad: 12 años, 1 mes
Puntos: 8
Re: Problema con Imagen

Solución del Problema (y con perdón de mi tremenda torpeza):

Basta con alinear correctamente los elementos en el código fuente:

En lugar de:

<div id=fff>
<img src="images/Digital-Frames.jpg" alt="Digital Frames"/>
</div>

Tendría que ser:

<div id=fff><img src="images/Digital-Frames.jpg" alt="Digital Frames"/></div>

En fin, parece que el añadir un "párrafo" en el código se interpreta por algunos lectores con una serie de valores.

Que quede esto como está.

Gracias.
  #3 (permalink)  
Antiguo 21/03/2007, 00:16
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Re: Problema con Imagen

No veo que parrafo añadistes, pero me parece que no fue por eso, quizas, debas probar dejando un espacio al final para las etiquetas simples como:

<img src="whatever.jpg" title="morewhatever" />

Este espacio entre la ultima comilla del valor del ultimo atributo que hayas puesto y el backslash es para crear compatibilidad con versiones anterior de distintos navegadores mayormente (adivina!!!!) Internet Explorer.

Me alegro que lo hayas solucionado :D

Saludos.
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
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 03:24.