Hola a todos

Me he topado con un comportamiento que ha cambiado de FF2 a FF3 que no acabo de 
entender (y eso que también se ve igual que en FF3 en Safari y Opera (aunque 
Opera parece cambiar según el contexto que no acabo de pillar).

El caso esquematizado es el siguiente:

<span>texto</span
<img src="imagen.jpg" style="float:left;" />

En FF2 el span está siempre por encima de la imagen alineado a la izquierda 
(por defecto).
En FF3 la imagen se coloca a la izquierda y el span se queda pegado a la 
derecha de la imagen y a la misma altura.

Está claro que el span es un elemento de linea y si esto fuera al revés, que el 
span está debajo de la imagen, entiendo que sin flotarlo pase a la derecha de 
la imagen porque el float de la imagen la convierte en un elemento de linea.
Lo que me sorprende es que al estar por encima de la imagen, la imagen se le 
cuele.

Y pasa algo que a mi me parece curioso cuando metes un texto largo en el span: 
si vas cambiando el tamaño de la ventana (o extensión del texto) la imagen se 
colará solo a la última linea de texto (quedando pegada a la penúltima y con la 
última a su derecha) y solo siempre y cuando la última linea sea mas corta que 
el ancho de la ventana, claro.

Bueno, y pasa lo mismo si en vez de poner un span pones simplemente un texto

No acabo de entender muy bien porque pasa esto y no he logrado aclararlo en 
internet
¿alguien entiende porque pasa esto?

Al margen de parecer mas o menos lógico quisiera saber en base a que pasa.

Gracias a todos por adelantado

Martin

p.d.: en al caso práctico lo he arreglado poniéndole display: block; al span, 
pero me tiene mosca.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a