Re: [Ovillo] Cosa "rara" con menú en IE6
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: > > > > 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://l
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: > > > > 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
Re: [Ovillo] Cosa "rara" con menú en IE6
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: 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
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:
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
