stripTM escribió (Wed, 28 Dec 2005 20:12:27 +0100):

> Ya pero el Mozilla ve el display: inline y lo aplica con lo cual
> tiene que corregir alguno de los fallos.

Mmmmm, no. Corrígeme si me equivoco, pero si un elemento tiene display
inline y está flotado, automáticamente el valor computado para display es
block. Al menos eso me dice la experiencia, la especificación y el dom
inspector, que me muestra que al primer li se le aplica display block. Si
quitas el float sí aplicará el display inline, pero mientras sea un elemento
flotado, será una caja de bloque.


>> De hecho, aunque le eliminaras el display:inline y el
>> position:relative al primer elemento de lista, ves que el segundo
>> (que no está flotado) no se comporta como debería, sino que se
>> coloca a su derecha, como si estuviera flotado también.
>>
>>
> No es que flote a la derecha, es que tiene un margin-left:377px;

No he dicho que flote a la derecha, digo que se comporta como si estuviera
flotado, concretamente como si estuviera flotado a la izquierda. Si el
primer elemento está flotado y el segundo no, el borde izquierdo de ambos
debería estar a la misma altura. El margin-left de 377px del segundo
elemento, por tanto, debería contarse desde el borde izquierdo de su
contenedor.

Pues bien, firefox lo que está haciendo aquí es colocar el segundo elemento
*que no está flotado* a la derecha del primero (como si estuviera flotado),
y una vez allí, le aplica el margin por la izquierda.


>> Realmente, hasta donde yo sé, no veo muy lógico este
>> comportamiento de firefox, pero seguramente se me está escapando
>> algo, no sé...
>>
>>
> Mira a ver si se trata de ese margen.

No, evidentemente, si quitas ese margen, logramos lo que Daniel (supongo)
quería lograr inicialmente. El problema que yo veo es que Firefox está
aplicando ese margen desde donde lo está haciendo y no desde donde cabría
esperar. Repito que supongo que el hecho de que sean li's provoca este
comportamiento raro, porque tenemos un elemento de bloque seguido de un
list-item, que entiendo que no es lo más lógico.

Y para confirmarlo, repito de nuevo, si cambiamos los dos li por dos divs
con las mismas reglas, el comportamiento sí que es el que cabría esperar.

Espero que ahora se me haya entendido.

Saludos :-)

--
Ramón
demasiado viejo para ser una joven promesa,
demasiado joven para ser una vieja gloria,
pero aún así trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web
http://simplelogica.net  #  (+34) 98 522 12 65

http://simplelogica.net/caoticoneutral/
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a