Foros del Web » Creando para Internet » CSS »

problemita con margenes (creo)

Estas en el tema de problemita con margenes (creo) en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/05/2006, 22:08
Avatar de FuLaNo_  
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato, Buenos Aires, Argentina
Mensajes: 1.250
Antigüedad: 14 años, 6 meses
Puntos: 2
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...
__________________
I Love Programming...
  #2 (permalink)  
Antiguo 16/05/2006, 08:37
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 13 años, 5 meses
Puntos: 4
holly hack...

pone height:1%; a la capa q contiene el texto y a la que flota tambien, solo para ie.
__________________
Internet Explorer SuckS
Download FireFox
  #3 (permalink)  
Antiguo 16/05/2006, 09:40
 
Fecha de Ingreso: abril-2005
Mensajes: 29
Antigüedad: 12 años, 7 meses
Puntos: 0
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
__________________
www.softimus.net
  #4 (permalink)  
Antiguo 16/05/2006, 10:15
Avatar de FuLaNo_  
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato, Buenos Aires, Argentina
Mensajes: 1.250
Antigüedad: 14 años, 6 meses
Puntos: 2
El primer hack no me funciono, y especificar el lado (margin-left) tampoco...
__________________
I Love Programming...
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.