Re: [Ovillo] Diferentes medidas en firefox y explorer para elementos float
Quizás lo podrías solucionar con una hoja sólo para ie: http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie - Original Message - From: ""Nacho F. Carreño"" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Wednesday, May 09, 2007 4:36 PM Subject: Re: [Ovillo] Diferentes medidas en firefox y explorer para elementos float No se, algo se me debe de estar escapando porque he puesto a las capas float:left y display:inline y sigue todo igual... NetVicious escribió: > Hola Nacho, > > El viernes, 4 may 2007 a las 11:20, escribiste: > > >> Me está surgiendo un problema y no acabo de dar con la solución. Resulta >> que cuando floto un componente, el que sea, a izquierda o derecha, y le >> pongo un width, padding, etc. en firefox toma la medida de una manera y >> en explorer de otra. Es como si el explorer duplicara las medidas por >> ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le >> pongo a una un margin:2em para separarlas es como si explorer lo tomara >> como 2em y firefox como 1em o viceversa. >> > > El IE tiene un problemas con los margenes en los elementos flotantes. > Mirate la siguiente web. > > La solución es muy sencilla, hay que meter un display: inline; como > bien te han dicho en otro mensaje. > > http://www.positioniseverything.net/explorer/doubled-margin.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://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] Diferentes medidas en firefox y explorer para elementos float
No se, algo se me debe de estar escapando porque he puesto a las capas float:left y display:inline y sigue todo igual... NetVicious escribió: > Hola Nacho, > > El viernes, 4 may 2007 a las 11:20, escribiste: > > >> Me está surgiendo un problema y no acabo de dar con la solución. Resulta >> que cuando floto un componente, el que sea, a izquierda o derecha, y le >> pongo un width, padding, etc. en firefox toma la medida de una manera y >> en explorer de otra. Es como si el explorer duplicara las medidas por >> ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le >> pongo a una un margin:2em para separarlas es como si explorer lo tomara >> como 2em y firefox como 1em o viceversa. >> > > El IE tiene un problemas con los margenes en los elementos flotantes. > Mirate la siguiente web. > > La solución es muy sencilla, hay que meter un display: inline; como > bien te han dicho en otro mensaje. > > http://www.positioniseverything.net/explorer/doubled-margin.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Diferentes medidas en firefox y explorer para elementos float
Hola Nacho, El viernes, 4 may 2007 a las 11:20, escribiste: > Me está surgiendo un problema y no acabo de dar con la solución. Resulta > que cuando floto un componente, el que sea, a izquierda o derecha, y le > pongo un width, padding, etc. en firefox toma la medida de una manera y > en explorer de otra. Es como si el explorer duplicara las medidas por > ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le > pongo a una un margin:2em para separarlas es como si explorer lo tomara > como 2em y firefox como 1em o viceversa. El IE tiene un problemas con los margenes en los elementos flotantes. Mirate la siguiente web. La solución es muy sencilla, hay que meter un display: inline; como bien te han dicho en otro mensaje. http://www.positioniseverything.net/explorer/doubled-margin.html -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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] Diferentes medidas en firefox y explorer para elementos float
Efectivamente, copié mal el código lo que tengo en #central es margin: 0
0 0 1em;
Si le quito el float a #central se descompone toda en firefox y queda en
explorer quedan las capas casi pegadas. Además no puedo hacer eso porque
tengo otra capa flotada a la izquierda. El diseño es de tres columnas
#lateral - #central - #publicidad . Las dos primeras están flotadas a la
izquierda y la otra a la derecha.
Javier Prieto escribió:
> De todas formas si usas el margin de #central para separarlos
> margin 0 1em 0 0;
>
> Deberias poner ... margin: 0 0 0 1em; para el margen izquierdo no?
>
> Javier Prieto escribió:
>
>> Y si le quitas el float:left a #central
>>
>> Pon el HTML también please
>>
>> Nacho F. Carreño escribió:
>>
>>
>>> Les he puesto display:inline; a las dos capas y nada, y no creo que sea
>>> problema del modelo de cajas. Os muestro el código a continuación para
>>> que lo veáis, la verdad es que es bastante simple, no me explico donde
>>> puede estar el error. El caso es que con este código se muestra
>>> correctamente en explorer con una separación exacta de 1em (16px) y en
>>> firefox me aparece una separación de una capa a otra de 1 o 2 px. Es
>>> más, si el margin de #central lo pongo a 0 en explorer aparece pegada
>>> una capa junto a la otra y en firefox aparece montada la capa #central
>>> sobre la capa #lateral unos 15px (lo que sería 1em)... me estoy
>>> volviendo loco... este es el código...
>>>
>>> #lateral {
>>> width:10em; float:left; padding:0; border:0; margin:0;
>>> }
>>>
>>> #central {
>>> margin:0 1em 0 0; width:25.69em; float:left;
>>> }
>>>
>>> Javier Prieto escribió:
>>>
>>>
>>>
Hola Nacho:
Esta es de las fáciles.
Si a estos elementos le pones display:inline no te duplica el margen en
el Explorer
Prueba a ver
Nacho F. Carreño escribió:
> Hola a [EMAIL PROTECTED],
>
> Me está surgiendo un problema y no acabo de dar con la solución. Resulta
> que cuando floto un componente, el que sea, a izquierda o derecha, y le
> pongo un width, padding, etc. en firefox toma la medida de una manera y
> en explorer de otra. Es como si el explorer duplicara las medidas por
> ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le
> pongo a una un margin:2em para separarlas es como si explorer lo tomara
> como 2em y firefox como 1em o viceversa.
>
> Un saludo,
>
> Nacho
> ___
> 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
__ Información de NOD32, revisión 2238 (20070503) __
Este mensaje ha sido analizado con NOD32 antivirus system
http://www.nod32.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
>>>
>>>
>>>
>>>
>> ___
>> 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
>
> __ Información de NOD32, revisión 2238 (20070503) __
>
> Este mensaje ha sido analizado con NOD32 antivirus system
> http://www.nod32.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] Diferentes medidas en firefox y explorer para elementos float
De todas formas si usas el margin de #central para separarlos
margin 0 1em 0 0;
Deberias poner ... margin: 0 0 0 1em; para el margen izquierdo no?
Javier Prieto escribió:
> Y si le quitas el float:left a #central
>
> Pon el HTML también please
>
> Nacho F. Carreño escribió:
>
>> Les he puesto display:inline; a las dos capas y nada, y no creo que sea
>> problema del modelo de cajas. Os muestro el código a continuación para
>> que lo veáis, la verdad es que es bastante simple, no me explico donde
>> puede estar el error. El caso es que con este código se muestra
>> correctamente en explorer con una separación exacta de 1em (16px) y en
>> firefox me aparece una separación de una capa a otra de 1 o 2 px. Es
>> más, si el margin de #central lo pongo a 0 en explorer aparece pegada
>> una capa junto a la otra y en firefox aparece montada la capa #central
>> sobre la capa #lateral unos 15px (lo que sería 1em)... me estoy
>> volviendo loco... este es el código...
>>
>> #lateral {
>> width:10em; float:left; padding:0; border:0; margin:0;
>> }
>>
>> #central {
>> margin:0 1em 0 0; width:25.69em; float:left;
>> }
>>
>> Javier Prieto escribió:
>>
>>
>>> Hola Nacho:
>>>
>>> Esta es de las fáciles.
>>> Si a estos elementos le pones display:inline no te duplica el margen en
>>> el Explorer
>>>
>>> Prueba a ver
>>>
>>> Nacho F. Carreño escribió:
>>>
>>>
>>>
Hola a [EMAIL PROTECTED],
Me está surgiendo un problema y no acabo de dar con la solución. Resulta
que cuando floto un componente, el que sea, a izquierda o derecha, y le
pongo un width, padding, etc. en firefox toma la medida de una manera y
en explorer de otra. Es como si el explorer duplicara las medidas por
ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le
pongo a una un margin:2em para separarlas es como si explorer lo tomara
como 2em y firefox como 1em o viceversa.
Un saludo,
Nacho
___
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
>>>
>>> __ Información de NOD32, revisión 2238 (20070503) __
>>>
>>> Este mensaje ha sido analizado con NOD32 antivirus system
>>> http://www.nod32.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
>>
>>
>>
> ___
> 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] Diferentes medidas en firefox y explorer para elementos float
Y si le quitas el float:left a #central
Pon el HTML también please
Nacho F. Carreño escribió:
> Les he puesto display:inline; a las dos capas y nada, y no creo que sea
> problema del modelo de cajas. Os muestro el código a continuación para
> que lo veáis, la verdad es que es bastante simple, no me explico donde
> puede estar el error. El caso es que con este código se muestra
> correctamente en explorer con una separación exacta de 1em (16px) y en
> firefox me aparece una separación de una capa a otra de 1 o 2 px. Es
> más, si el margin de #central lo pongo a 0 en explorer aparece pegada
> una capa junto a la otra y en firefox aparece montada la capa #central
> sobre la capa #lateral unos 15px (lo que sería 1em)... me estoy
> volviendo loco... este es el código...
>
> #lateral {
> width:10em; float:left; padding:0; border:0; margin:0;
> }
>
> #central {
> margin:0 1em 0 0; width:25.69em; float:left;
> }
>
> Javier Prieto escribió:
>
>> Hola Nacho:
>>
>> Esta es de las fáciles.
>> Si a estos elementos le pones display:inline no te duplica el margen en
>> el Explorer
>>
>> Prueba a ver
>>
>> Nacho F. Carreño escribió:
>>
>>
>>> Hola a [EMAIL PROTECTED],
>>>
>>> Me está surgiendo un problema y no acabo de dar con la solución. Resulta
>>> que cuando floto un componente, el que sea, a izquierda o derecha, y le
>>> pongo un width, padding, etc. en firefox toma la medida de una manera y
>>> en explorer de otra. Es como si el explorer duplicara las medidas por
>>> ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le
>>> pongo a una un margin:2em para separarlas es como si explorer lo tomara
>>> como 2em y firefox como 1em o viceversa.
>>>
>>> Un saludo,
>>>
>>> Nacho
>>> ___
>>> 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
>>
>> __ Información de NOD32, revisión 2238 (20070503) __
>>
>> Este mensaje ha sido analizado con NOD32 antivirus system
>> http://www.nod32.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
>
>
___
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] Diferentes medidas en firefox y explorer para elementos float
Les he puesto display:inline; a las dos capas y nada, y no creo que sea
problema del modelo de cajas. Os muestro el código a continuación para
que lo veáis, la verdad es que es bastante simple, no me explico donde
puede estar el error. El caso es que con este código se muestra
correctamente en explorer con una separación exacta de 1em (16px) y en
firefox me aparece una separación de una capa a otra de 1 o 2 px. Es
más, si el margin de #central lo pongo a 0 en explorer aparece pegada
una capa junto a la otra y en firefox aparece montada la capa #central
sobre la capa #lateral unos 15px (lo que sería 1em)... me estoy
volviendo loco... este es el código...
#lateral {
width:10em; float:left; padding:0; border:0; margin:0;
}
#central {
margin:0 1em 0 0; width:25.69em; float:left;
}
Javier Prieto escribió:
> Hola Nacho:
>
> Esta es de las fáciles.
> Si a estos elementos le pones display:inline no te duplica el margen en
> el Explorer
>
> Prueba a ver
>
> Nacho F. Carreño escribió:
>
>> Hola a [EMAIL PROTECTED],
>>
>> Me está surgiendo un problema y no acabo de dar con la solución. Resulta
>> que cuando floto un componente, el que sea, a izquierda o derecha, y le
>> pongo un width, padding, etc. en firefox toma la medida de una manera y
>> en explorer de otra. Es como si el explorer duplicara las medidas por
>> ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le
>> pongo a una un margin:2em para separarlas es como si explorer lo tomara
>> como 2em y firefox como 1em o viceversa.
>>
>> Un saludo,
>>
>> Nacho
>> ___
>> 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
>
> __ Información de NOD32, revisión 2238 (20070503) __
>
> Este mensaje ha sido analizado con NOD32 antivirus system
> http://www.nod32.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] Diferentes medidas en firefox y explorer para elementos float
Creo que es por el modelo de cajas, en IE no es igual que en el estándar, Si creas una caja de 100px y le pones un padding de 20px, en W3C ocupará 120px, siendo 100px el contenido y 20px entre el mismo contenido y el borde. En Internet Explorer ocupará 100px, siendo 80px el contenido y quedando igualmente 20px entre el contenido y el borde de la caja. La diferencia es que uno lo resta y el otro lo añade. En la web de kemie[1] tienes un artículo que explica muy bien el modelo de cajas. [1] http://www.disenorama.com Saludos... -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ 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] Diferentes medidas en firefox y explorer para elementos float
Hola Nacho: Esta es de las fáciles. Si a estos elementos le pones display:inline no te duplica el margen en el Explorer Prueba a ver Nacho F. Carreño escribió: > Hola a [EMAIL PROTECTED], > > Me está surgiendo un problema y no acabo de dar con la solución. Resulta > que cuando floto un componente, el que sea, a izquierda o derecha, y le > pongo un width, padding, etc. en firefox toma la medida de una manera y > en explorer de otra. Es como si el explorer duplicara las medidas por > ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le > pongo a una un margin:2em para separarlas es como si explorer lo tomara > como 2em y firefox como 1em o viceversa. > > Un saludo, > > Nacho > ___ > 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
