Re: [Ovillo] Cajas flotadas que se descolocan en Firefox
Prueba a asignarle un alto a cada elemento de la lista:
#novedades #listado .item {
border: 1px solid #DCDCDC;
float: left;
*height: 200px;*
margin: 5px;
padding: 1px;
width: 240px;
}
Con esto debería funcionar, pero compruébalo en todos los navegadores ;)
Además, permite que me meta donde no me llaman, creo no es necesario que le
des una clase a item a cada elemento de la lista, no lo necesitas, puedes
acceder a ellos perfectamente con *#novedades #lilstado li*. De esta manera
ensucias incluso algo menos el HTML y no utilizas cosas, en principio,
innecesarias.
On Jan 2, 2008 8:08 PM, Fabian Grasso [EMAIL PROTECTED] wrote:
En cada caja float que creastes agregales display: inline;
SkuNk [EMAIL PROTECTED] escribió: Hola a todos,
Tengo un problema que sólo se reproduce en Firefox y afecta concretamente
a
unos cajas creadas mediante divs. Éstas cajas (un total de 4) están
flotadas
a la izquierda y se ajustan al ancho de su contenedor, con lo que se
agrupan
a 2 cajas por fila. La cuestión es que en Firefox, la 3era caja en lugar
de
saltar a la segunda fila junto a la 4a caja como se espera, ésta salta una
fila más abajo descolocándose de forma incorrecta.
¿Alguien podría echarle un vistazo? Ya he hecho infinidad de pruebas pero
no
consigo dar con el problema.
Este error lo podéis reproducir en la página de inicio [1], en el apartado
Novedades, las 4 cajas corresponden a artículos destacados.
[1] http://www.establecimientosalvarez.es
Gracias y saludos!
--
Atentamente,
Philipp Keweloh
___
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
-
Tarjeta de crédito Yahoo! de Banco Supervielle.Solicitá tu nueva Tarjeta
de crédito. De tu PC directo a tu casa.
Visitá www.tuprimeratarjeta.com.ar
___
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
--
Eloi Poch,
Responsable de Desarrollo
Grupo ITnet :: http://grupoitnet.com
___
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
Re: [Ovillo] Cajas flotadas que se descolocan en Firefox
El día 3/01/08, Eloi Poch [EMAIL PROTECTED] escribió:
Prueba a asignarle un alto a cada elemento de la lista:
#novedades #listado .item {
border: 1px solid #DCDCDC;
float: left;
*height: 200px;*
margin: 5px;
padding: 1px;
width: 240px;
}
Con esto debería funcionar, pero compruébalo en todos los navegadores ;)
Además, permite que me meta donde no me llaman, creo no es necesario que
le
des una clase a item a cada elemento de la lista, no lo necesitas,
puedes
acceder a ellos perfectamente con *#novedades #lilstado li*. De esta
manera
ensucias incluso algo menos el HTML y no utilizas cosas, en principio,
innecesarias.
On Jan 2, 2008 8:08 PM, Fabian Grasso [EMAIL PROTECTED] wrote:
En cada caja float que creastes agregales display: inline;
SkuNk [EMAIL PROTECTED] escribió: Hola a todos,
Tengo un problema que sólo se reproduce en Firefox y afecta
concretamente
a
unos cajas creadas mediante divs. Éstas cajas (un total de 4) están
flotadas
a la izquierda y se ajustan al ancho de su contenedor, con lo que se
agrupan
a 2 cajas por fila. La cuestión es que en Firefox, la 3era caja en lugar
de
saltar a la segunda fila junto a la 4a caja como se espera, ésta salta
una
fila más abajo descolocándose de forma incorrecta.
¿Alguien podría echarle un vistazo? Ya he hecho infinidad de pruebas
pero
no
consigo dar con el problema.
Este error lo podéis reproducir en la página de inicio [1], en el
apartado
Novedades, las 4 cajas corresponden a artículos destacados.
[1] http://www.establecimientosalvarez.es
Gracias y saludos!
--
Atentamente,
Philipp Keweloh
___
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
-
Tarjeta de crédito Yahoo! de Banco Supervielle.Solicitá tu nueva Tarjeta
de crédito. De tu PC directo a tu casa.
Visitá www.tuprimeratarjeta.com.ar
___
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
--
Eloi Poch,
Responsable de Desarrollo
Grupo ITnet :: http://grupoitnet.com
___
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
Gracias stripTM y Eloi por vuestras aportaciones, las probaré en cuanto
vuelva a la oficina (estoy en camita :D)
Ya veo claro que es por el alto de las cajas.
Por cierto Eloi, gracias por el apunte, son idas de olla del diseñador, que
es el que hace la primera maqueta y empieza con los estilos, lo que al pobre
le falta ser un poco más prágmatico en este aspecto y menos creativo. Ya que
es un desastre y al final siempre ando retocando y arreglando sus desmadres,
por lo que al final suelen quedar secuelas innecesarias. En fin, al menos va
mejorando, pasito a pasito, y a ratos a palos, pero ya es algo :P
--
Atentamente,
Philipp Keweloh
___
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
[Ovillo] Cajas flotadas que se descolocan en Firefox
Hola a todos, Tengo un problema que sólo se reproduce en Firefox y afecta concretamente a unos cajas creadas mediante divs. Éstas cajas (un total de 4) están flotadas a la izquierda y se ajustan al ancho de su contenedor, con lo que se agrupan a 2 cajas por fila. La cuestión es que en Firefox, la 3era caja en lugar de saltar a la segunda fila junto a la 4a caja como se espera, ésta salta una fila más abajo descolocándose de forma incorrecta. ¿Alguien podría echarle un vistazo? Ya he hecho infinidad de pruebas pero no consigo dar con el problema. Este error lo podéis reproducir en la página de inicio [1], en el apartado Novedades, las 4 cajas corresponden a artículos destacados. [1] http://www.establecimientosalvarez.es Gracias y saludos! -- Atentamente, Philipp Keweloh ___ 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
Re: [Ovillo] Cajas flotadas que se descolocan en Firefox
Casi con total seguridad aseguraría que está relacionado con el ancho de las cajas. He observado una leve diferencia entre las de IE6 y las de FF2. Quizás algún atributo que FF no interpreta bien. El día 2/01/08, SkuNk [EMAIL PROTECTED] escribió: Hola a todos, Tengo un problema que sólo se reproduce en Firefox y afecta concretamente a unos cajas creadas mediante divs. Éstas cajas (un total de 4) están flotadas a la izquierda y se ajustan al ancho de su contenedor, con lo que se agrupan a 2 cajas por fila. La cuestión es que en Firefox, la 3era caja en lugar de saltar a la segunda fila junto a la 4a caja como se espera, ésta salta una fila más abajo descolocándose de forma incorrecta. ¿Alguien podría echarle un vistazo? Ya he hecho infinidad de pruebas pero no consigo dar con el problema. Este error lo podéis reproducir en la página de inicio [1], en el apartado Novedades, las 4 cajas corresponden a artículos destacados. [1] http://www.establecimientosalvarez.es Gracias y saludos! -- Atentamente, Philipp Keweloh ___ 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 ___ 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
Re: [Ovillo] Cajas flotadas que se descolocan en Firefox
En cada caja float que creastes agregales display: inline; SkuNk [EMAIL PROTECTED] escribió: Hola a todos, Tengo un problema que sólo se reproduce en Firefox y afecta concretamente a unos cajas creadas mediante divs. Éstas cajas (un total de 4) están flotadas a la izquierda y se ajustan al ancho de su contenedor, con lo que se agrupan a 2 cajas por fila. La cuestión es que en Firefox, la 3era caja en lugar de saltar a la segunda fila junto a la 4a caja como se espera, ésta salta una fila más abajo descolocándose de forma incorrecta. ¿Alguien podría echarle un vistazo? Ya he hecho infinidad de pruebas pero no consigo dar con el problema. Este error lo podéis reproducir en la página de inicio [1], en el apartado Novedades, las 4 cajas corresponden a artículos destacados. [1] http://www.establecimientosalvarez.es Gracias y saludos! -- Atentamente, Philipp Keweloh ___ 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 - Tarjeta de crédito Yahoo! de Banco Supervielle.Solicitá tu nueva Tarjeta de crédito. De tu PC directo a tu casa. Visitá www.tuprimeratarjeta.com.ar ___ 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
Re: [Ovillo] Cajas flotadas que se descolocan en Firefox
El día 2/01/08, Fabian Grasso [EMAIL PROTECTED] escribió:
En cada caja float que creastes agregales display: inline;
SkuNk [EMAIL PROTECTED] escribió: Hola a todos,
Tengo un problema que sólo se reproduce en Firefox y afecta concretamente
a
unos cajas creadas mediante divs. Éstas cajas (un total de 4) están
flotadas
a la izquierda y se ajustan al ancho de su contenedor, con lo que se
agrupan
a 2 cajas por fila. La cuestión es que en Firefox, la 3era caja en lugar
de
saltar a la segunda fila junto a la 4a caja como se espera, ésta salta una
fila más abajo descolocándose de forma incorrecta.
¿Alguien podría echarle un vistazo? Ya he hecho infinidad de pruebas pero
no
consigo dar con el problema.
Este error lo podéis reproducir en la página de inicio [1], en el apartado
Novedades, las 4 cajas corresponden a artículos destacados.
[1] http://www.establecimientosalvarez.es
Gracias y saludos!
--
Atentamente,
Philipp Keweloh
___
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
-
Tarjeta de crédito Yahoo! de Banco Supervielle.Solicitá tu nueva Tarjeta
de crédito. De tu PC directo a tu casa.
Visitá www.tuprimeratarjeta.com.ar
___
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
Gracias Fabian, lo he probado pero no era.
Pero ya he encontrado el problema, aunque un poco confuso. He hecho las
pruebas con Firebug modificando directamente los estilos, mañana ya lo
arreglaré en la oficina.
El problema estaba en esta declaración (línea 731):
#novedades #listado .item p span
{
margin: 0;
padding: 5px;
color: gray;
font: bold 10px Arial, Helvetica, sans-serif;
height: auto;
}
Y concretamente en la propiedad:
font: bold 10px Arial, Helvetica, sans-serif;
Eliminando las declaraciones de la tipografía las cajas se colocan como se
esperaba.
En fin, si alguno le encuentra una explicación lógica se lo agradeceré mucho
:)
Saludos!
--
Atentamente,
Philipp Keweloh
___
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
Re: [Ovillo] Cajas flotadas que se descolocan en Firefox
Fabian Grasso escribió: En cada caja float que creastes agregales display: inline; Fabian si una caja flota por defición su display es block con lo que el display: inline no tiene ningún efecto. -- 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cajas flotadas que se descolocan en Firefox
SkuNk escribió:
El día 2/01/08, Fabian Grasso [EMAIL PROTECTED] escribió:
En cada caja float que creastes agregales display: inline;
SkuNk [EMAIL PROTECTED] escribió: Hola a todos,
Tengo un problema que sólo se reproduce en Firefox y afecta concretamente
a
unos cajas creadas mediante divs. Éstas cajas (un total de 4) están
flotadas
a la izquierda y se ajustan al ancho de su contenedor, con lo que se
agrupan
a 2 cajas por fila. La cuestión es que en Firefox, la 3era caja en lugar
de
saltar a la segunda fila junto a la 4a caja como se espera, ésta salta una
fila más abajo descolocándose de forma incorrecta.
¿Alguien podría echarle un vistazo? Ya he hecho infinidad de pruebas pero
no
consigo dar con el problema.
Este error lo podéis reproducir en la página de inicio [1], en el apartado
Novedades, las 4 cajas corresponden a artículos destacados.
[1] http://www.establecimientosalvarez.es
Gracias y saludos!
--
Atentamente,
Philipp Keweloh
___
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
-
Tarjeta de crédito Yahoo! de Banco Supervielle.Solicitá tu nueva Tarjeta
de crédito. De tu PC directo a tu casa.
Visitá www.tuprimeratarjeta.com.ar
___
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
Gracias Fabian, lo he probado pero no era.
Pero ya he encontrado el problema, aunque un poco confuso. He hecho las
pruebas con Firebug modificando directamente los estilos, mañana ya lo
arreglaré en la oficina.
El problema estaba en esta declaración (línea 731):
#novedades #listado .item p span
{
margin: 0;
padding: 5px;
color: gray;
font: bold 10px Arial, Helvetica, sans-serif;
height: auto;
}
Y concretamente en la propiedad:
font: bold 10px Arial, Helvetica, sans-serif;
Eliminando las declaraciones de la tipografía las cajas se colocan como se
esperaba.
En fin, si alguno le encuentra una explicación lógica se lo agradeceré mucho
:)
La primera caja tiene un pixel más de alto por el
em title=Precio unitario antiguo10,27 €/em tendrás que ponerle un
tamaño de letra más pequeño o añadir un clear a los elementos impares
para forzar que queden por debajo.
--
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://lists.ovillo.org/mailman/listinfo/ovillo
