Re: [Ovillo] Cosa rara con menú en IE6

2007-03-08 Por tema Alvarez Laurnaga, Jose Antonio
Sí debe de ser un bug de IE porque IE7 no lo hace (mientras que IE 5.5 e IE 6 
sí), 
ergo se corrigió ese fallo de interpretación.


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Marc González 
Majoral
Enviado el: miércoles 7 de marzo de 2007 21:19
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosa rara con menú en IE6


Hola listeros.

Me gustaría rescatar este hilo porque después de investigar un poco he 
descubierto que es un problema de 'paddings'. He puesto una página de ejemplo 
en http://estupefacto.blogdns.org/silencio/webs/archivo.php.

Los tres menús son exactamente iguales -las mismas propiedades CSS- con la 
excepción de que el segundo y el tercero tienen una imagen de fondo colocada 
debajo. Eso hace que el menú respete el 'padding' inferior que tiene asignado y 
muestre la imagen de fondo, mientras que en el primer menú no respeta el 
'padding', cosa comprensible ya que su contenido está flotado. ¿Es correcto el 
comportamiento de expandir el contenedor si hay una imagen de fondo?

Ahora viene lo más intrigante, que no soprendente. Si visualizas la página 
con Internet Explorer 6, en un principio parece que toma el mismo 
comportamiento que el resto de navegadores, pero al pasar por encima de alguno 
de los enlaces del menú, de pronto añade el 'padding' inferior mágicamente, 
sin preocuparse de si hay imagen de fondo o no, cosa que provoca un 
alargamiento del menú.

He estado buscando y no he encontrado nada al respecto. Me gustaría saber si 
esto es un 'bug' conocido de IE y, a poder ser, una posible solución (aunque 
sea implementar el menú de una forma distinta). El ejemplo 'en vivo' del 
problema lo podéis ver en la página http://www.fotollongueras.com. Al pasar por 
encima de alguno de los enlaces del menú se puede observar el alargamiento 
inferior.

Perdón por la parrafada y gracias a los que os toméis la molestia de responder.

NÓTESE: El tercer menú no provoca el efecto de alargamiento en IE por el 
simple hecho de que su elemento 'ul' no tiene padding superior (la barrita de 
color más fuerte encima). No acabo de entender el motivo y sólo sucede en IE. 
El caso es que la solución sería quitar ese 'padding', pero en la página de 
producción lo necesito para hacer el borde redondeado superior.

El 7/02/07, Santos Corrales [EMAIL PROTECTED] escribió:
 Si no lo tienes aun, quizá te seria útil disponer del plugin Firebug 
 para Firefox, creo que la ultima actualización es la 1.01 y te permite 
 modificar tu HTML, CSS, JS, DOM, LAYOUT directamente en uno de los 
 paneles, mientras visualizas la pagina en Firefox.

 Un cordial saludo de SantosVZ


 -Mensaje original-
 De: Marc González Majoral [mailto:[EMAIL PROTECTED]
 Enviado el: Martes, 06 de Febrero de 2007 03:27 p.m.
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Ovillo] Cosa rara con menú en IE6

 Buenas.

 Tengo un menú flotando a la izquierda del contenido, que también está 
 flotado. Funciona correctamente en todos los navegadores, excepto en 
 IE6, que al pasar por encima de alguno de los 'LI' se inventa un 
 espacio al final del menú. A primera vista puede parecer que no pasa 
 nada, pero la primera vez que se pasa el ratón por encima el menú 
 baja (sólo la primera vez, luego se queda bajado). He probado de 
 todo y no veo la manera de solucionarlo.

 La dirección provisional de la página es: 
 http://estupefacto.blogdns.org/silencio/webs/guiallongueras/

 Este bug también me sucedía con el pie de la página, que al pasar por 
 encima del menú también bajaba (el pie). Lo resolví añadiendo un 
 comentario condicional para escribir un . detrás del menú, y 
 extrañamente dejó de comportarse mal. El condicional es:

 !--[if IE]p style=color: #ff; padding: 0px; margin: 
 0px;./p![endif]--

 Si os copiáis el código xhtml y el css, podréis comprobar vosotros 
 mismos cómo baja el pie quitando este condicional. Es algo que nunca 
 me había ocurrido y no encuentro información por ningún lado. A ver si 
 alguien puede arrojar un poco de luz sobre el asunto, que seguro que 
 es una tontería.

 Gracias de antemano. ___
 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
___
Lista de

Re: [Ovillo] Cosa rara con menú en IE6

2007-03-07 Por tema Marc González Majoral
Hola listeros.

Me gustaría rescatar este hilo porque después de investigar un poco he
descubierto que es un problema de 'paddings'. He puesto una página de
ejemplo en http://estupefacto.blogdns.org/silencio/webs/archivo.php.

Los tres menús son exactamente iguales -las mismas propiedades CSS-
con la excepción de que el segundo y el tercero tienen una imagen de
fondo colocada debajo. Eso hace que el menú respete el 'padding'
inferior que tiene asignado y muestre la imagen de fondo, mientras que
en el primer menú no respeta el 'padding', cosa comprensible ya que su
contenido está flotado. ¿Es correcto el comportamiento de expandir el
contenedor si hay una imagen de fondo?

Ahora viene lo más intrigante, que no soprendente. Si visualizas la
página con Internet Explorer 6, en un principio parece que toma el
mismo comportamiento que el resto de navegadores, pero al pasar por
encima de alguno de los enlaces del menú, de pronto añade el
'padding' inferior mágicamente, sin preocuparse de si hay imagen de
fondo o no, cosa que provoca un alargamiento del menú.

He estado buscando y no he encontrado nada al respecto. Me gustaría
saber si esto es un 'bug' conocido de IE y, a poder ser, una posible
solución (aunque sea implementar el menú de una forma distinta). El
ejemplo 'en vivo' del problema lo podéis ver en la página
http://www.fotollongueras.com. Al pasar por encima de alguno de los
enlaces del menú se puede observar el alargamiento inferior.

Perdón por la parrafada y gracias a los que os toméis la molestia de responder.

NÓTESE: El tercer menú no provoca el efecto de alargamiento en IE
por el simple hecho de que su elemento 'ul' no tiene padding superior
(la barrita de color más fuerte encima). No acabo de entender el
motivo y sólo sucede en IE. El caso es que la solución sería quitar
ese 'padding', pero en la página de producción lo necesito para
hacer el borde redondeado superior.

El 7/02/07, Santos Corrales [EMAIL PROTECTED] escribió:
 Si no lo tienes aun, quizá te seria útil disponer del plugin Firebug para
 Firefox, creo que la ultima actualización es la 1.01 y te permite modificar
 tu HTML, CSS, JS, DOM, LAYOUT directamente en uno de los paneles, mientras
 visualizas la pagina en Firefox.

 Un cordial saludo de SantosVZ


 -Mensaje original-
 De: Marc González Majoral [mailto:[EMAIL PROTECTED]
 Enviado el: Martes, 06 de Febrero de 2007 03:27 p.m.
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Ovillo] Cosa rara con menú en IE6

 Buenas.

 Tengo un menú flotando a la izquierda del contenido, que también está
 flotado. Funciona correctamente en todos los navegadores, excepto en
 IE6, que al pasar por encima de alguno de los 'LI' se inventa un
 espacio al final del menú. A primera vista puede parecer que no pasa
 nada, pero la primera vez que se pasa el ratón por encima el menú
 baja (sólo la primera vez, luego se queda bajado). He probado de
 todo y no veo la manera de solucionarlo.

 La dirección provisional de la página es:
 http://estupefacto.blogdns.org/silencio/webs/guiallongueras/

 Este bug también me sucedía con el pie de la página, que al pasar por
 encima del menú también bajaba (el pie). Lo resolví añadiendo un
 comentario condicional para escribir un . detrás del menú, y
 extrañamente dejó de comportarse mal. El condicional es:

 !--[if IE]p style=color: #ff; padding: 0px; margin:
 0px;./p![endif]--

 Si os copiáis el código xhtml y el css, podréis comprobar vosotros
 mismos cómo baja el pie quitando este condicional. Es algo que nunca
 me había ocurrido y no encuentro información por ningún lado. A ver si
 alguien puede arrojar un poco de luz sobre el asunto, que seguro que
 es una tontería.

 Gracias de antemano.
 ___
 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


[Ovillo] Cosa rara con menú en IE6

2007-02-06 Por tema Marc González Majoral
Buenas.

Tengo un menú flotando a la izquierda del contenido, que también está
flotado. Funciona correctamente en todos los navegadores, excepto en
IE6, que al pasar por encima de alguno de los 'LI' se inventa un
espacio al final del menú. A primera vista puede parecer que no pasa
nada, pero la primera vez que se pasa el ratón por encima el menú
baja (sólo la primera vez, luego se queda bajado). He probado de
todo y no veo la manera de solucionarlo.

La dirección provisional de la página es:
http://estupefacto.blogdns.org/silencio/webs/guiallongueras/

Este bug también me sucedía con el pie de la página, que al pasar por
encima del menú también bajaba (el pie). Lo resolví añadiendo un
comentario condicional para escribir un . detrás del menú, y
extrañamente dejó de comportarse mal. El condicional es:

!--[if IE]p style=color: #ff; padding: 0px; margin:
0px;./p![endif]--

Si os copiáis el código xhtml y el css, podréis comprobar vosotros
mismos cómo baja el pie quitando este condicional. Es algo que nunca
me había ocurrido y no encuentro información por ningún lado. A ver si
alguien puede arrojar un poco de luz sobre el asunto, que seguro que
es una tontería.

Gracias de antemano.
___
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] Cosa rara con menú en IE6

2007-02-06 Por tema Santos Corrales
La diferencia exacta es de 12px, posiblemente corresponde al desplazamiento
de la imagen de fondo que utilizas. Busca por ahí. En FF y O se ve bien.
Es posible que sea aquí:
#pagina #cuerpo #menu {
background:#FF url(../imagenes/menu-fondo.png) no-repeat scroll left
bottom;
clear:left;
float:left;
margin:0px 0px 10px;
padding:0px 0px 12px;
width:150px;
}
#pagina #cuerpo #menu ul {
background:#B62F2F url(../imagenes/menu-ul-fondo.png) repeat-x scroll left
top;
clear:left;
display:inline;
float:left;
margin:0px;
padding:12px 0px 0px;
width:150px;
}

Un cordial saludo de SantosVZ


-Mensaje original-
De: Marc González Majoral [mailto:[EMAIL PROTECTED] 
Enviado el: Martes, 06 de Febrero de 2007 03:27 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Cosa rara con menú en IE6

Buenas.

Tengo un menú flotando a la izquierda del contenido, que también está
flotado. Funciona correctamente en todos los navegadores, excepto en
IE6, que al pasar por encima de alguno de los 'LI' se inventa un
espacio al final del menú. A primera vista puede parecer que no pasa
nada, pero la primera vez que se pasa el ratón por encima el menú
baja (sólo la primera vez, luego se queda bajado). He probado de
todo y no veo la manera de solucionarlo.

La dirección provisional de la página es:
http://estupefacto.blogdns.org/silencio/webs/guiallongueras/

Este bug también me sucedía con el pie de la página, que al pasar por
encima del menú también bajaba (el pie). Lo resolví añadiendo un
comentario condicional para escribir un . detrás del menú, y
extrañamente dejó de comportarse mal. El condicional es:

!--[if IE]p style=color: #ff; padding: 0px; margin:
0px;./p![endif]--

Si os copiáis el código xhtml y el css, podréis comprobar vosotros
mismos cómo baja el pie quitando este condicional. Es algo que nunca
me había ocurrido y no encuentro información por ningún lado. A ver si
alguien puede arrojar un poco de luz sobre el asunto, que seguro que
es una tontería.

Gracias de antemano.
___
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] Cosa rara con menú en IE6

2007-02-06 Por tema Santos Corrales
Si no lo tienes aun, quizá te seria útil disponer del plugin Firebug para
Firefox, creo que la ultima actualización es la 1.01 y te permite modificar
tu HTML, CSS, JS, DOM, LAYOUT directamente en uno de los paneles, mientras
visualizas la pagina en Firefox.

Un cordial saludo de SantosVZ


-Mensaje original-
De: Marc González Majoral [mailto:[EMAIL PROTECTED] 
Enviado el: Martes, 06 de Febrero de 2007 03:27 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Cosa rara con menú en IE6

Buenas.

Tengo un menú flotando a la izquierda del contenido, que también está
flotado. Funciona correctamente en todos los navegadores, excepto en
IE6, que al pasar por encima de alguno de los 'LI' se inventa un
espacio al final del menú. A primera vista puede parecer que no pasa
nada, pero la primera vez que se pasa el ratón por encima el menú
baja (sólo la primera vez, luego se queda bajado). He probado de
todo y no veo la manera de solucionarlo.

La dirección provisional de la página es:
http://estupefacto.blogdns.org/silencio/webs/guiallongueras/

Este bug también me sucedía con el pie de la página, que al pasar por
encima del menú también bajaba (el pie). Lo resolví añadiendo un
comentario condicional para escribir un . detrás del menú, y
extrañamente dejó de comportarse mal. El condicional es:

!--[if IE]p style=color: #ff; padding: 0px; margin:
0px;./p![endif]--

Si os copiáis el código xhtml y el css, podréis comprobar vosotros
mismos cómo baja el pie quitando este condicional. Es algo que nunca
me había ocurrido y no encuentro información por ningún lado. A ver si
alguien puede arrojar un poco de luz sobre el asunto, que seguro que
es una tontería.

Gracias de antemano.
___
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