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: #ffffff; 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
