Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 15-may-2006, 21:08   #1 (permalink)
FuLaNo_ está en el buen camino
 
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato; Bs. As; Argentina
Mensajes: 1.251
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...
__________________
Podrán cortar todas las flores pero no marchitarán la primavera...
FuLaNo_ está desconectado   Responder Citando
Antiguo 16-may-2006, 07:37   #2 (permalink)
SiR.CARAJ0DIDA está en el buen camino
 
Avatar de SiR.CARAJ0DIDA
 
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.168
Enviar un mensaje por MSN a SiR.CARAJ0DIDA
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
SiR.CARAJ0DIDA está desconectado   Responder Citando
Antiguo 16-may-2006, 08:40   #3 (permalink)
softimus ha deshabilitado el karma
 
Fecha de Ingreso: abril-2005
Mensajes: 29
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
softimus está desconectado   Responder Citando
Antiguo 16-may-2006, 09:15   #4 (permalink)
FuLaNo_ está en el buen camino
 
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato; Bs. As; Argentina
Mensajes: 1.251
El primer hack no me funciono, y especificar el lado (margin-left) tampoco...
__________________
Podrán cortar todas las flores pero no marchitarán la primavera...
FuLaNo_ está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 23:04.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93