problemita con margenes (creo)

FuLaNo_ · #1 (**permalink**) 15/05/2006, 21:08

Hola gente!

Tengo un problema que solo ocurre en IE, en firefox se ve correctamente.

Al ingresar a www.solo-racing.com.ar, con Internet Explorer, verán que las noticias que tienen una imagen a la derecha comienzan con un pequeño espacio, como si fuese un espacio vacio, algo que en firefox no sucede

Por ejemplo, en lugar de verse:

Cita:

un texto (una imagen)

se ve:

Cita:

*un texto (una imagen)

la * es un espacio en blanco...

Esto, además, solo ocurre cuando la imagen se ubica a la derecha, si miran bien las que tienen imagen a la izquierda están bien alineadas...

El código que uso es

Código:

img.right { border:1px dotted #CCCCCC; margin:0px; }
div.img_right { 
margin-left:5px; 
float:right; 
font-size:11px; text-align:right; 
padding:3px; 
border:1px solid #CCCCCC;
background-color:#FCFCFC;
}

Y el html seria:

Código:

<div class="img_right"><img src="img.jpg" class="right" /></div>texto de la noticia...

Alguien sabe porque pasa esto?, es, obviamente, un defecto menor, pero me intriga...

SiR.CARAJ0DIDA · #2 (**permalink**) 16/05/2006, 07:37

holly hack...

pone height:1%; a la capa q contiene el texto y a la que flota tambien, solo para ie.

softimus · #3 (**permalink**) 16/05/2006, 08:40

Hola:

Intenta al código en rojo:

Cita:

img.right { border:1px dotted #CCCCCC; margin:0px; }
div.img_right {
margin-left:5px;
float:right;
font-size:11px; text-align:right;
padding:3px;
border:1px solid #CCCCCC;
background-color:#FCFCFC;
}

intenta ponerlo de esta manera:

Cita:

img.right { border:1px dotted #CCCCCC; margin-left:0px; }
div.img_right {
margin-left:5px;
float:right;
font-size:11px; text-align:right;
padding:3px;
border:1px solid #CCCCCC;
background-color:#FCFCFC;
}

Si no sirve no dudes en escribir.

Atentamente,

Alex Francis

FuLaNo_ · #4 (**permalink**) 16/05/2006, 09:15

El primer hack no me funciono, y especificar el lado (margin-left) tampoco...