Re: [Ovillo] Box Model Hack
Gracias a todos! Encontré esto: http://css-discuss.incutio.com/?page=BoxModelHack donde se habla en bastante profundidad del tema. Gracias otra vez :) 2005/9/22, Choan C. Gálvez [EMAIL PROTECTED]: Bernat Lleonart escribió: 2005/9/22, Orange at GMail [EMAIL PROTECTED]: Un navegador que aplique correctamente los estándares entenderá las 3 declaraciones, por tanto utilizará el último valor Entonces un navegador que aplique correctamente los estándares entiende w\idth como width? Por qué no da error? Porque la contrabarra se utiliza par escapar códigos hexadecimales. Como la «i» no entra en el rango de caracteres hexadecimal [a-f], el escape se ignora. (Hablo de memorieta, no tengo ni idea de dónde está definida tal cosa.) Otra cosa es que utilizaras `wi\dth`, en tal caso no lo entenderá nadie. Un saludo, Choan IE5.x entenderá sólamente las dos primeras, con lo que utilizará la última que entiende, la que pone ie (aunque deberia decir ie5.x), es decir la segunda Opera (las versiones antiguas) sólamente comprendían la primera de las reglas, y es la que se quedan ___ 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 ___ 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] Box Model Hack
Hola,
Conozco y utilizo el hack para IE5.x, y me funciona debidamente, pero
me gustaría saber exactamente por qué funciona, qué interpretación
hace el navegador. Parto de la magnífica explicación que encontré en
http://www.disenorama.com/articulos/css/el_modelo_de_cajas.htm, y
utilizo el siguiente código:
#caja{
width: 100px; /*1-para opera*/
\width: 130px; /*2-para ie-se agrega el padding y border*/
w\idth: 100px; /*3- estandares*/
}
Pero no entiendo la tercera línea (w\idth: 100px;), con el
comentario estandares (?) porque si no la escribo me funciona
igualmente...
A ver si alguien me aclara esto, que seguro que es de principiante :)
Bernat
___
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] Box Model Hack
Un navegador que aplique correctamente los estándares entenderá las 3
declaraciones, por tanto utilizará el último valor
IE5.x entenderá sólamente las dos primeras, con lo que utilizará la última
que entiende, la que pone ie (aunque deberia decir ie5.x), es decir la
segunda
Opera (las versiones antiguas) sólamente comprendían la primera de las
reglas, y es la que se quedan
El día 22/09/05, Bernat Lleonart [EMAIL PROTECTED] escribió:
Hola,
Conozco y utilizo el hack para IE5.x, y me funciona debidamente, pero
me gustaría saber exactamente por qué funciona, qué interpretación
hace el navegador. Parto de la magnífica explicación que encontré en
http://www.disenorama.com/articulos/css/el_modelo_de_cajas.htm, y
utilizo el siguiente código:
#caja{
width: 100px; /*1-para opera*/
\width: 130px; /*2-para ie-se agrega el padding y border*/
w\idth: 100px; /*3- estandares*/
}
Pero no entiendo la tercera línea (w\idth: 100px;), con el
comentario estandares (?) porque si no la escribo me funciona
igualmente...
A ver si alguien me aclara esto, que seguro que es de principiante :)
Bernat
___
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
--
Orange at GMail
___
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] Box Model Hack
2005/9/22, Orange at GMail [EMAIL PROTECTED]:
Un navegador que aplique correctamente los estándares entenderá las 3
declaraciones, por tanto utilizará el último valor
Entonces un navegador que aplique correctamente los estándares
entiende w\idth como width? Por qué no da error?
IE5.x entenderá sólamente las dos primeras, con lo que utilizará la última
que entiende, la que pone ie (aunque deberia decir ie5.x), es decir la
segunda
Opera (las versiones antiguas) sólamente comprendían la primera de las
reglas, y es la que se quedan
Gracias por las aclaraciones.
El día 22/09/05, Bernat Lleonart [EMAIL PROTECTED] escribió:
Hola,
Conozco y utilizo el hack para IE5.x, y me funciona debidamente, pero
me gustaría saber exactamente por qué funciona, qué interpretación
hace el navegador. Parto de la magnífica explicación que encontré en
http://www.disenorama.com/articulos/css/el_modelo_de_cajas.htm, y
utilizo el siguiente código:
#caja{
width: 100px; /*1-para opera*/
\width: 130px; /*2-para ie-se agrega el padding y border*/
w\idth: 100px; /*3- estandares*/
}
Pero no entiendo la tercera línea (w\idth: 100px;), con el
comentario estandares (?) porque si no la escribo me funciona
igualmente...
A ver si alguien me aclara esto, que seguro que es de principiante :)
Bernat
___
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
--
Orange at GMail
___
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
___
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] Box Model Hack
porque el \ se usa para escapar caracteres, y por lo tanto \i=i
:)
...:| kemie |:...
.:| www.monolinea.com http://www.monolinea.com |:.
Bernat Lleonart wrote:
2005/9/22, Orange at GMail [EMAIL PROTECTED]:
Un navegador que aplique correctamente los estándares entenderá las 3
declaraciones, por tanto utilizará el último valor
Entonces un navegador que aplique correctamente los estándares
entiende w\idth como width? Por qué no da error?
IE5.x entenderá sólamente las dos primeras, con lo que utilizará la última
que entiende, la que pone ie (aunque deberia decir ie5.x), es decir la
segunda
Opera (las versiones antiguas) sólamente comprendían la primera de las
reglas, y es la que se quedan
Gracias por las aclaraciones.
El día 22/09/05, Bernat Lleonart [EMAIL PROTECTED] escribió:
Hola,
Conozco y utilizo el hack para IE5.x, y me funciona debidamente, pero
me gustaría saber exactamente por qué funciona, qué interpretación
hace el navegador. Parto de la magnífica explicación que encontré en
http://www.disenorama.com/articulos/css/el_modelo_de_cajas.htm, y
utilizo el siguiente código:
#caja{
width: 100px; /*1-para opera*/
\width: 130px; /*2-para ie-se agrega el padding y border*/
w\idth: 100px; /*3- estandares*/
}
Pero no entiendo la tercera línea (w\idth: 100px;), con el
comentario estandares (?) porque si no la escribo me funciona
igualmente...
A ver si alguien me aclara esto, que seguro que es de principiante :)
Bernat
___
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
--
Orange at GMail
___
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
___
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
___
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] Box Model Hack
El por qué un navegador entiende una declaración y no la otra ya no me lo
sé.
Piensa que en estas cosas no se ofrece una funcionalidad (como el hecho de
comprender declaraciones con una barra en medio) para resolver un problema
(discriminar cierto tipo de navegadores), sino que primero se tiene el
problema y se rastrean 1000 comportamientos de navegadores hasta encontrar
un resquicio que poder utilizar
O al reves, puede que metieran eso en navegadores modernos simplemente para
poder diferenciarlos de los antiguos (como los distintos modos basados en el
DOCTYPE)
La verdad es que no sé qué fué primero, la gallina o el huevo. O igual hay
una razón totalmente distinta
xDDD
El día 22/09/05, Bernat Lleonart [EMAIL PROTECTED] escribió:
2005/9/22, Orange at GMail [EMAIL PROTECTED]:
Un navegador que aplique correctamente los estándares entenderá las 3
declaraciones, por tanto utilizará el último valor
Entonces un navegador que aplique correctamente los estándares
entiende w\idth como width? Por qué no da error?
IE5.x entenderá sólamente las dos primeras, con lo que utilizará la
última
que entiende, la que pone ie (aunque deberia decir ie5.x), es decir la
segunda
Opera (las versiones antiguas) sólamente comprendían la primera de las
reglas, y es la que se quedan
Gracias por las aclaraciones.
El día 22/09/05, Bernat Lleonart [EMAIL PROTECTED] escribió:
Hola,
Conozco y utilizo el hack para IE5.x, y me funciona debidamente, pero
me gustaría saber exactamente por qué funciona, qué interpretación
hace el navegador. Parto de la magnífica explicación que encontré en
http://www.disenorama.com/articulos/css/el_modelo_de_cajas.htm, y
utilizo el siguiente código:
#caja{
width: 100px; /*1-para opera*/
\width: 130px; /*2-para ie-se agrega el padding y border*/
w\idth: 100px; /*3- estandares*/
}
Pero no entiendo la tercera línea (w\idth: 100px;), con el
comentario estandares (?) porque si no la escribo me funciona
igualmente...
A ver si alguien me aclara esto, que seguro que es de principiante :)
Bernat
___
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
--
Orange at GMail
___
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
___
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
--
Orange at GMail
___
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] Box Model Hack
Bernat Lleonart escribió: 2005/9/22, Orange at GMail [EMAIL PROTECTED]: Un navegador que aplique correctamente los estándares entenderá las 3 declaraciones, por tanto utilizará el último valor Entonces un navegador que aplique correctamente los estándares entiende w\idth como width? Por qué no da error? Porque la contrabarra se utiliza par escapar códigos hexadecimales. Como la «i» no entra en el rango de caracteres hexadecimal [a-f], el escape se ignora. (Hablo de memorieta, no tengo ni idea de dónde está definida tal cosa.) Otra cosa es que utilizaras `wi\dth`, en tal caso no lo entenderá nadie. Un saludo, Choan IE5.x entenderá sólamente las dos primeras, con lo que utilizará la última que entiende, la que pone ie (aunque deberia decir ie5.x), es decir la segunda Opera (las versiones antiguas) sólamente comprendían la primera de las reglas, y es la que se quedan ___ 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] Box Model Hack con voice-family
Hola a todos,
Estoy haciendo un ejemplo del hack para el box model en IE5 con la tecnica del
voice-family, y me encuentro con que me deja sin aplicar en IE5 el grupo de
reglas posterior al hack. En concreto tal como esta el ejemplo no me aplica las
de #boxMal. Si, en cambio, las paso antes de las reglas de #box, si me las
aplica.
¿Tengo que tener en cuenta algo mas que el :
voice-family: \}\;
voice-family:inherit;
Yo pensaba que al acabar con el } se reseteaba el comportamiento del IE5.
El ejemplo es este:
!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; xml:lang=es lang=es
head
title/title
style type=text/css
/*![CDATA[*/
#box{
background-color: #ccc;
padding:20px;
height: 140px;
width: 140px;
voice-family: \}\;
voice-family:inherit;
width: 100px;
height: 100px;
}
#boxMal{
background-color: #fcc;
padding:20px;
width: 100px;
height: 100px;
}
/*]]*/
/style
/head
body
body
div id=box
BOX/div
div id=boxMal
BOX MAL/div
/body
/html
___
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] Box Model Hack con voice-family
Añado... (ya que la sintaxis CSS es correcta)
IE5.x/Win aplica las declaraciones definidas antes del hack
voice-family (140px) y Mozilla y familia aplican las que se
encuentran a continuación (100px).
La base de este hack es precisamente que IE5.x/Win deja de leer a
partir de la declaración voice-family (porqué no lo comprende).
Deberás añadir una regla específica para Opera (si quieres mantener la
compatibilidad) basada en el selector html body.
Martí Mundó.
--
El 30/08/05, mmundo[EMAIL PROTECTED] escribió:
http://tantek.com/CSS/Examples/boxmodelhack.html
El 30/08/05, eemece2[EMAIL PROTECTED] escribió:
Hola a todos,
Estoy haciendo un ejemplo del hack para el box model en IE5 con la tecnica
del voice-family, y me encuentro con que me deja sin aplicar en IE5 el
grupo de reglas posterior al hack. En concreto tal como esta el ejemplo no
me aplica las de #boxMal. Si, en cambio, las paso antes de las reglas de
#box, si me las aplica.
¿Tengo que tener en cuenta algo mas que el :
voice-family: \}\;
voice-family:inherit;
Yo pensaba que al acabar con el } se reseteaba el comportamiento del IE5.
El ejemplo es este:
!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; xml:lang=es lang=es
head
title/title
style type=text/css
/*![CDATA[*/
#box{
background-color: #ccc;
padding:20px;
height: 140px;
width: 140px;
voice-family: \}\;
voice-family:inherit;
width: 100px;
height: 100px;
}
#boxMal{
background-color: #fcc;
padding:20px;
width: 100px;
height: 100px;
}
/*]]*/
/style
/head
body
body
div id=box
BOX/div
div id=boxMal
BOX MAL/div
/body
/html
___
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
___
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] Box Model Hack con voice-family
Gracias Martí,
Pero yo supongo que cuando se cierran las llaves }, IE5 vuelve a leer las
siguientes reglas, en mi ejemplo #boxMal{...}
Si IE5 ignora desde el hack hasta el final del archivo pues poca utilidad
tendra el hack, pues solo lo podremos aplicar una sola vez en el archivo
CSS.
Y, como supongo, me ha funcionado otras veces que he usado este hack. Pero
en este caso, no se porque, no aplica las reglas posteriores.
Un saludo,
Edu
- Original Message -
From: mmundo [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, August 30, 2005 1:16 PM
Subject: Re: [Ovillo] Box Model Hack con voice-family
Añado... (ya que la sintaxis CSS es correcta)
IE5.x/Win aplica las declaraciones definidas antes del hack
voice-family (140px) y Mozilla y familia aplican las que se
encuentran a continuación (100px).
La base de este hack es precisamente que IE5.x/Win deja de leer a
partir de la declaración voice-family (porqué no lo comprende).
Deberás añadir una regla específica para Opera (si quieres mantener la
compatibilidad) basada en el selector html body.
Martí Mundó.
--
El 30/08/05, mmundo[EMAIL PROTECTED] escribió:
http://tantek.com/CSS/Examples/boxmodelhack.html
El 30/08/05, eemece2[EMAIL PROTECTED] escribió:
Hola a todos,
Estoy haciendo un ejemplo del hack para el box model en IE5 con la
tecnica del voice-family, y me encuentro con que me deja sin aplicar en IE5
el grupo de reglas posterior al hack. En concreto tal como esta el ejemplo
no me aplica las de #boxMal. Si, en cambio, las paso antes de las reglas de
#box, si me las aplica.
¿Tengo que tener en cuenta algo mas que el :
voice-family: \}\;
voice-family:inherit;
Yo pensaba que al acabar con el } se reseteaba el comportamiento del
IE5.
El ejemplo es este:
!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; xml:lang=es lang=es
head
title/title
style type=text/css
/*![CDATA[*/
#box{
background-color: #ccc;
padding:20px;
height: 140px;
width: 140px;
voice-family: \}\;
voice-family:inherit;
width: 100px;
height: 100px;
}
#boxMal{
background-color: #fcc;
padding:20px;
width: 100px;
height: 100px;
}
/*]]*/
/style
/head
body
body
div id=box
BOX/div
div id=boxMal
BOX MAL/div
/body
/html
___
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
___
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
___
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] Box Model Hack con voice-family
Hola otra vez Martí,
No lei detenidamente tu enlace de tantek.com, pero ahora ya he visto en el
que la regla para Opera actua ademas para evitar que la siguiente regla
despues del hack no se quede en el 'limbo' alguna vez.
Me aplico el cuento.
No se si en las anteriores webs si esto habra sido el tipico problema
fantasma que no acabas de encontrar :-D
Gracias y un saludo,
Edu
- Original Message -
From: mmundo [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, August 30, 2005 1:16 PM
Subject: Re: [Ovillo] Box Model Hack con voice-family
Añado... (ya que la sintaxis CSS es correcta)
IE5.x/Win aplica las declaraciones definidas antes del hack
voice-family (140px) y Mozilla y familia aplican las que se
encuentran a continuación (100px).
La base de este hack es precisamente que IE5.x/Win deja de leer a
partir de la declaración voice-family (porqué no lo comprende).
Deberás añadir una regla específica para Opera (si quieres mantener la
compatibilidad) basada en el selector html body.
Martí Mundó.
--
El 30/08/05, mmundo[EMAIL PROTECTED] escribió:
http://tantek.com/CSS/Examples/boxmodelhack.html
El 30/08/05, eemece2[EMAIL PROTECTED] escribió:
Hola a todos,
Estoy haciendo un ejemplo del hack para el box model en IE5 con la
tecnica del voice-family, y me encuentro con que me deja sin aplicar en IE5
el grupo de reglas posterior al hack. En concreto tal como esta el ejemplo
no me aplica las de #boxMal. Si, en cambio, las paso antes de las reglas de
#box, si me las aplica.
¿Tengo que tener en cuenta algo mas que el :
voice-family: \}\;
voice-family:inherit;
Yo pensaba que al acabar con el } se reseteaba el comportamiento del
IE5.
El ejemplo es este:
!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; xml:lang=es lang=es
head
title/title
style type=text/css
/*![CDATA[*/
#box{
background-color: #ccc;
padding:20px;
height: 140px;
width: 140px;
voice-family: \}\;
voice-family:inherit;
width: 100px;
height: 100px;
}
#boxMal{
background-color: #fcc;
padding:20px;
width: 100px;
height: 100px;
}
/*]]*/
/style
/head
body
body
div id=box
BOX/div
div id=boxMal
BOX MAL/div
/body
/html
___
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
___
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
___
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] Box Model Hack con voice-family
Las únicas variables que se me ocurren para aislar elproblema son:
* Declarar los estilos en la página VS archivo externo
* Englobar el contenido style como una sección CDATA.
El 30/08/05, eemece2[EMAIL PROTECTED] escribió:
Gracias Martí,
Pero yo supongo que cuando se cierran las llaves }, IE5 vuelve a leer las
siguientes reglas, en mi ejemplo #boxMal{...}
Si IE5 ignora desde el hack hasta el final del archivo pues poca utilidad
tendra el hack, pues solo lo podremos aplicar una sola vez en el archivo
CSS.
Y, como supongo, me ha funcionado otras veces que he usado este hack. Pero
en este caso, no se porque, no aplica las reglas posteriores.
Un saludo,
Edu
- Original Message -
From: mmundo [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, August 30, 2005 1:16 PM
Subject: Re: [Ovillo] Box Model Hack con voice-family
Añado... (ya que la sintaxis CSS es correcta)
IE5.x/Win aplica las declaraciones definidas antes del hack
voice-family (140px) y Mozilla y familia aplican las que se
encuentran a continuación (100px).
La base de este hack es precisamente que IE5.x/Win deja de leer a
partir de la declaración voice-family (porqué no lo comprende).
Deberás añadir una regla específica para Opera (si quieres mantener la
compatibilidad) basada en el selector html body.
Martí Mundó.
--
El 30/08/05, mmundo[EMAIL PROTECTED] escribió:
http://tantek.com/CSS/Examples/boxmodelhack.html
El 30/08/05, eemece2[EMAIL PROTECTED] escribió:
Hola a todos,
Estoy haciendo un ejemplo del hack para el box model en IE5 con la
tecnica del voice-family, y me encuentro con que me deja sin aplicar en IE5
el grupo de reglas posterior al hack. En concreto tal como esta el ejemplo
no me aplica las de #boxMal. Si, en cambio, las paso antes de las reglas de
#box, si me las aplica.
¿Tengo que tener en cuenta algo mas que el :
voice-family: \}\;
voice-family:inherit;
Yo pensaba que al acabar con el } se reseteaba el comportamiento del
IE5.
El ejemplo es este:
!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; xml:lang=es lang=es
head
title/title
style type=text/css
/*![CDATA[*/
#box{
background-color: #ccc;
padding:20px;
height: 140px;
width: 140px;
voice-family: \}\;
voice-family:inherit;
width: 100px;
height: 100px;
}
#boxMal{
background-color: #fcc;
padding:20px;
width: 100px;
height: 100px;
}
/*]]*/
/style
/head
body
body
div id=box
BOX/div
div id=boxMal
BOX MAL/div
/body
/html
___
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
___
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
___
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
___
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
