Re: [Ovillo] li´s flotantes en firefox
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
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
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
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
Ahí va: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleprueba firefox/title /head body div style=margin:20px;border:1px solid orange;padding:5px; ul style=list-style:none;margin:0px;padding:0px; li style=background-color:red;float:left;display:inline;position: relative;padding: 0px 6px;width: 365px;panel1/li li style=background-color:blue;height:400px;margin-left:377px;panel3/li /ul /div /body /html -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
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
De Marco Recuenco, Angel Daniel escribió: li style=background-color:red;float:left;display:inline;position: relative;padding: 0px 6px;width: 365px;panel1/li 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
Ramon Pravia escribió: stripTM escribió (Wed, 28 Dec 2005 16:39:39 +0100): De Marco Recuenco, Angel Daniel escribió: li style=background- color:red;float:left;display:inline;position: relative;padding: 0px 6px;width: 365px;panel1/li 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
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
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
[Ovillo] li´s flotantes en firefox
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? Gracias. --- 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
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
