Foros del Web - problemita con margenes (creo)

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

- CSS (http://www.forosdelweb.com/f53/)

- - problemita con margenes (creo) (http://www.forosdelweb.com/f53/problemita-con-margenes-creo-393961/)

problemita con margenes (creo)

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...

holly hack...

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

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

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