Re: [Ovillo] li´s flotantes en firefox

2005-12-29 Por tema oberon



Le 29/12/2005 00:59, stripTM a ecrit :
Vale, ya lo entiendo, despues de tanta putadilla al css no me estaba 
enterando, el problema está en que Mozilla a los li les mete un estilo 
interno:

-moz-float-edge: margin-box;
Mientras que los div tiene:
-moz-float-edge: content-box;

Si añades está última regla a los li verás que se comporta de la misma 
forma.


Y con esto sólo espero que Pascal nos cuente si es un "bug" o una 
"feature" ;-)




Hola,

He mirado en bugzilla y creo que es un bug o mejor dicho un hack que de 
momento no corrigen porque depende de cambios que van a llegar en CSS3 
en cuanto a floats.


Lo que pasa es que en la hoja de estilo por defecto de firefox 
(resource://gre/res/html.css) pusieron eso :


li {
  display: list-item;
  -moz-float-edge: margin-box;
}

Cuando pones el display:block en li, no anula el -moz-float-edge 
definido por defecto en Firefox, para que le anule deberia a nivel de 
gecko mismo pero no lo pueden hacer porque depende de la implementacion 
de la proxima propiedad float-displace de css3 
(http://www.w3.org/TR/css3-box/#the-float-displace).


O sea que sí, es un bug, y existe porque estan implementando CSS3 y 
pusieron este hack para poder implementar parte de css3 en gecko sin 
romperlo todo.


la solucion es como lo indicaba strip cancelar la regla asi :

li {
  display: block;
  -moz-float-edge: content-box;
}

Saludos,


pascal

--
Recursos en castellano:
Preguntas Frecuentes Mozilla Suite : http://www.chevrel.org/es/faq/
Noticias : http://www.chevrel.org/es/noticias/

___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] li´s flotantes en firefox

2005-12-29 Por tema Ramon Pravia
> Vale, ya lo entiendo, despues de tanta putadilla al css no me
> estaba enterando, el problema está en que Mozilla a los li les mete
> un estilo interno: -moz-float-edge: margin-box; Mientras que los
> div tiene: -moz-float-edge: content-box;
>
> Si añades está última regla a los li verás que se comporta de la
> misma forma.
>
> Y con esto sólo espero que Pascal nos cuente si es un "bug" o una
> "feature" ;-)

Anda! pues ya he aprendido algo nuevo. Muchas gracias por la información
privilegiada ;-)

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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] li´s flotantes en firefox

2005-12-28 Por tema stripTM

Ramon Pravia escribió:


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.
   



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

Vale, ya lo entiendo, despues de tanta putadilla al css no me estaba 
enterando, el problema está en que Mozilla a los li les mete un estilo 
interno:

-moz-float-edge: margin-box;
Mientras que los div tiene:
-moz-float-edge: content-box;

Si añades está última regla a los li verás que se comporta de la misma 
forma.


Y con esto sólo espero que Pascal nos cuente si es un "bug" o una 
"feature" ;-)


--
Saludos -=stripTM=-

___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] li´s flotantes en firefox

2005-12-28 Por tema Ramon Pravia
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.

M, 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] li´s flotantes en firefox

2005-12-28 Por tema stripTM

Ramon Pravia escribió:


stripTM escribió (Wed, 28 Dec 2005 16:39:39 +0100):
 


De Marco Recuenco, Angel Daniel escribió:


   


panel1


 


Una caja no puede a la vez flotar, ser de tipo inline y a la vez
tener ancho.
   



Hola Strip!

Bueno, evidentemente no puede aplicar todo eso a una caja, pero creo que
aplicar el display:inline es la única forma de solucionar el bug de explorer
que dobla los márgenes en los elementos flotados, no?. Aunque eso no sucede
en este caso, claro, porque el elemento no tiene margin por la izquierda ;)
 

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



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;


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.

--
Saludos -=stripTM=-

___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] li´s flotantes en firefox

2005-12-28 Por tema Ramon Pravia
stripTM escribió (Wed, 28 Dec 2005 16:39:39 +0100):
> De Marco Recuenco, Angel Daniel escribió:
>
>
>> panel1
>>
>>
> Una caja no puede a la vez flotar, ser de tipo inline y a la vez
> tener ancho.

Hola Strip!

Bueno, evidentemente no puede aplicar todo eso a una caja, pero creo que
aplicar el display:inline es la única forma de solucionar el bug de explorer
que dobla los márgenes en los elementos flotados, no?. Aunque eso no sucede
en este caso, claro, porque el elemento no tiene margin por la izquierda ;)

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.

Realmente, hasta donde yo sé, no veo muy lógico este comportamiento de
firefox, pero seguramente se me está escapando algo, no sé...

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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] li´s flotantes en firefox

2005-12-28 Por tema stripTM

De Marco Recuenco, Angel Daniel escribió:


  panel1

 

Una caja no puede a la vez flotar, ser de tipo inline y a la vez tener 
ancho.



--
Saludos -=stripTM=-

___
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://ovillo.org/mailman/listinfo/ovillo


RE: [Ovillo] li´s flotantes en firefox

2005-12-28 Por tema Ramon Pravia
Efectivamente, parece que pasa algo raro. Supongo que es por culpa del
display list-item de los elementos de lista, pero ni siquiera cambiándolo a
block lo he solucionado. Si quieres, puedes hacer una prueba: si cambias los
li por divs verás en firefox cual es el comportamiento correcto con un
elemento flotante. Y verás que Explorer lo incumple, y muestra todo tal y
como lo hace actualmente.

Así que viendo esa prueba, yo diría que el lío que se está haciendo Firefox
es, como te he dicho, por el display de los li.

De todas maneras, no veo que explorer esté interpretando bien el
margin-left. De hecho, no hace nada con él y si lo quitas sigue igual. Si lo
que quieres es separar los dos li, yo probaría a dar margen por la derecha
al primero. ¿Cómo lo ves?

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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


RE: [Ovillo] li´s flotantes en firefox

2005-12-28 Por tema De Marco Recuenco, Angel Daniel
Ahí va:

 

 

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

http://www.w3.org/1999/xhtml";>





prueba firefox



 



 





   panel1

   panel3





 





 

 

 

 

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de [EMAIL PROTECTED]
Enviado el: miércoles, 28 de diciembre de 2005 11:26
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] li´s flotantes en firefox

 

 

 

Le 28/12/2005 09:56, De Marco Recuenco, Angel Daniel a ecrit :

> No entender 'testcase'.

> 

 

Ejemplo de html mínimo y online que nos permita ver el bug y estudiarlo.

 

pascal

 

 

-- 

Recursos en castellano:

Preguntas Frecuentes Mozilla Suite : http://www.chevrel.org/es/faq/

Noticias : http://www.chevrel.org/es/noticias/

 

___

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://ovillo.org/mailman/listinfo/ovillo

---
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, 
contiene información de carácter confidencial exclusivamente dirigida a su 
destinatario o destinatarios. Queda prohibida su divulgación, copia o 
distribución a terceros sin la previa autorización escrita de Indra. En el caso 
de haber recibido este correo electrónico por error, se ruega notificar 
inmediatamente esta circunstancia mediante reenvío a la dirección electrónica 
del remitente. POR FAVOR, ANTES DE IMPRIMIR ESTE CORREO ELECTRÓNICO CONSIDERE 
SU APORTACIÓN A LA CONSERVACIÓN DEL MEDIO AMBIENTE POR LA REDUCCIÓN DE CONSUMO 
DE PAPEL.

The information in this e-mail and in any attachments is confidential and 
solely for the attention and use of the named addressee(s). You are hereby 
notified that any dissemination, distribution or copy of this communication is 
prohibited without the prior written consent of Indra. If you have received 
this communication in error, please, notify the sender by reply e-mail. PLEASE 
CONSIDER YOUR ENVIRONMENTAL RESPONSIBILITY BEFORE PRINTING THIS E-MAIL.
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] li´s flotantes en firefox

2005-12-28 Por tema oberon



Le 28/12/2005 09:56, De Marco Recuenco, Angel Daniel a ecrit :

No entender 'testcase'.



Ejemplo de html mínimo y online que nos permita ver el bug y estudiarlo.

pascal


--
Recursos en castellano:
Preguntas Frecuentes Mozilla Suite : http://www.chevrel.org/es/faq/
Noticias : http://www.chevrel.org/es/noticias/

___
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://ovillo.org/mailman/listinfo/ovillo


RE: [Ovillo] li´s flotantes en firefox

2005-12-28 Por tema De Marco Recuenco, Angel Daniel
No entender 'testcase'.



-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de [EMAIL PROTECTED]
Enviado el: martes, 27 de diciembre de 2005 19:21
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] li´s flotantes en firefox



Le 27/12/2005 19:19, De Marco Recuenco, Angel Daniel a ecrit :
> Pregunta para firefox:
> 
>  
> 
> el caso es que con li flotantes;
> 
> no se puede meter un margin-left al ultimo (no-flotante) porque se desplaza 
> hacia la derecha. 
> 
> sin embargo, en explorer y opera funciona como es debido ..perplejidad!!
> 
>  
> 
> se sabe a qué es debido ese comportamiento?
> 
>  
> 

testcase ?

pascal

___
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://ovillo.org/mailman/listinfo/ovillo
---
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, 
contiene información de carácter confidencial exclusivamente dirigida a su 
destinatario o destinatarios. Queda prohibida su divulgación, copia o 
distribución a terceros sin la previa autorización escrita de Indra. En el caso 
de haber recibido este correo electrónico por error, se ruega notificar 
inmediatamente esta circunstancia mediante reenvío a la dirección electrónica 
del remitente. POR FAVOR, ANTES DE IMPRIMIR ESTE CORREO ELECTRÓNICO CONSIDERE 
SU APORTACIÓN A LA CONSERVACIÓN DEL MEDIO AMBIENTE POR LA REDUCCIÓN DE CONSUMO 
DE PAPEL.

The information in this e-mail and in any attachments is confidential and 
solely for the attention and use of the named addressee(s). You are hereby 
notified that any dissemination, distribution or copy of this communication is 
prohibited without the prior written consent of Indra. If you have received 
this communication in error, please, notify the sender by reply e-mail. PLEASE 
CONSIDER YOUR ENVIRONMENTAL RESPONSIBILITY BEFORE PRINTING THIS E-MAIL.
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] li´s flotantes en firefox

2005-12-27 Por tema oberon



Le 27/12/2005 19:19, De Marco Recuenco, Angel Daniel a ecrit :

Pregunta para firefox:

 


el caso es que con li flotantes;

no se puede meter un margin-left al ultimo (no-flotante) porque se desplaza hacia la derecha. 


sin embargo, en explorer y opera funciona como es debido ..perplejidad!!

 


se sabe a qué es debido ese comportamiento?

 



testcase ?

pascal

___
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://ovillo.org/mailman/listinfo/ovillo