[Ovillo] Problema al usar anclas en firefox, opera, chrome..
Hola a todos!! Estoy desarrollando una web para una escuela de buceo y me he encontrado con un problema que me ha dejado un poco perplejo. He puesto anclas para navegar a través de una página y en firefox (opera, chrome,..) cuando pulso para ir a un apartado de la web, no se muestra el contenido que hay por encima de ese ancla. En explorer me funciona correctamente. La URL es: http://www.plataformachan.com/scuba/plantilla_activities.php y el menú para navegar a través de los apartados es el situado al lado del título de la página (Activities) Lo único especial (o eso creo yo) que utilizo en esta página es una técnica de ocultar texto detrás de imágenes ( técnica 7 de http://css-tricks.com/nine-techniques-for-css-image-replacement/) tanto en el menú de las anclas como en el enlace de volver al inicio. Código fuente: http://www.plataformachan.com/scuba/plantilla_activities.php (es xhtml plano, no se ejecuta ningún script php) CSS utilizados: http://www.plataformachan.com/scuba/css/estilos.css http://www.plataformachan.com/scuba/css/layout.css http://www.plataformachan.com/scuba/css/facilities.css Un saludo y muchas gracias !! ___ 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] Problema al usar anclas en firefox, opera, chrome..
Hola, Francisco Francisco Garde escribió: Hola a todos!! Estoy desarrollando una web para una escuela de buceo y me he encontrado con un problema que me ha dejado un poco perplejo. He puesto anclas para navegar a través de una página y en firefox (opera, chrome,..) cuando pulso para ir a un apartado de la web, no se muestra el contenido que hay por encima de ese ancla. En explorer me funciona correctamente. No es la primera vez que se trata este tema en la lista. Eso te pasa por utilizar la técnica de dar margin-bottom : -choricientos px; padding-bottom : choricientos px; a las columnas, y overflow: hidden; al contenedor. A priori no tiene fácil solución... La URL es: http://www.plataformachan.com/scuba/plantilla_activities.php y el menú para navegar a través de los apartados es el situado al lado del título de la página (Activities) Lo único especial (o eso creo yo) que utilizo en esta página es una técnica de ocultar texto detrás de imágenes ( técnica 7 de http://css-tricks.com/nine-techniques-for-css-image-replacement/) tanto en el menú de las anclas como en el enlace de volver al inicio. Código fuente: http://www.plataformachan.com/scuba/plantilla_activities.php (es xhtml plano, no se ejecuta ningún script php) CSS utilizados: http://www.plataformachan.com/scuba/css/estilos.css http://www.plataformachan.com/scuba/css/layout.css http://www.plataformachan.com/scuba/css/facilities.css ___ 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] Problema al usar anclas en firefox, opera, chrome..
Muchas gracias Rodrigo!! Por lo menos ya se porque pasa, la verdad es que me había quedado a cuadros cuando lo he visto. Ahora a ver lo que se me ocurre para solucionarlo. Saludos !!! Francisco Garde Calvo Director de Proyectos Chan Plataforma d'idees 963 26 66 02 - 665 86 32 82 -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rodrigo Álvarez Virgós Enviado el: lunes, 01 de junio de 2009 13:08 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problema al usar anclas en firefox, opera, chrome.. Hola, Francisco Francisco Garde escribió: Hola a todos!! Estoy desarrollando una web para una escuela de buceo y me he encontrado con un problema que me ha dejado un poco perplejo. He puesto anclas para navegar a través de una página y en firefox (opera, chrome,..) cuando pulso para ir a un apartado de la web, no se muestra el contenido que hay por encima de ese ancla. En explorer me funciona correctamente. No es la primera vez que se trata este tema en la lista. Eso te pasa por utilizar la técnica de dar margin-bottom : -choricientos px; padding-bottom : choricientos px; a las columnas, y overflow: hidden; al contenedor. A priori no tiene fácil solución... La URL es: http://www.plataformachan.com/scuba/plantilla_activities.php y el menú para navegar a través de los apartados es el situado al lado del título de la página (Activities) Lo único especial (o eso creo yo) que utilizo en esta página es una técnica de ocultar texto detrás de imágenes ( técnica 7 de http://css-tricks.com/nine-techniques-for-css-image-replacement/) tanto en el menú de las anclas como en el enlace de volver al inicio. Código fuente: http://www.plataformachan.com/scuba/plantilla_activities.php (es xhtml plano, no se ejecuta ningún script php) CSS utilizados: http://www.plataformachan.com/scuba/css/estilos.css http://www.plataformachan.com/scuba/css/layout.css http://www.plataformachan.com/scuba/css/facilities.css ___ 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] Problema al usar anclas en firefox, opera, chrome..
Hola Fran: Es un problema complicado, yo me lo encontre hace poco con una maquetación bastante parecida. El problema está en el div #inner que es en el que haces el overflow. Yo lo solucione con la propiedad display:table en el div que tenía el overflow. En IE no me funcionaba bien y lo sustitui para este navegador por un display:inline. Espero ayudarte, Carlos 2009/6/1 Francisco Garde f...@plataformachan.com Hola a todos!! Estoy desarrollando una web para una escuela de buceo y me he encontrado con un problema que me ha dejado un poco perplejo. He puesto anclas para navegar a través de una página y en firefox (opera, chrome,..) cuando pulso para ir a un apartado de la web, no se muestra el contenido que hay por encima de ese ancla. En explorer me funciona correctamente. La URL es: http://www.plataformachan.com/scuba/plantilla_activities.php y el menú para navegar a través de los apartados es el situado al lado del título de la página (Activities) Lo único especial (o eso creo yo) que utilizo en esta página es una técnica de ocultar texto detrás de imágenes ( técnica 7 de http://css-tricks.com/nine-techniques-for-css-image-replacement/) tanto en el menú de las anclas como en el enlace de volver al inicio. Código fuente: http://www.plataformachan.com/scuba/plantilla_activities.php (es xhtml plano, no se ejecuta ningún script php) CSS utilizados: http://www.plataformachan.com/scuba/css/estilos.css http://www.plataformachan.com/scuba/css/layout.css http://www.plataformachan.com/scuba/css/facilities.css Un saludo y muchas gracias !! ___ 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] Problema al usar anclas en firefox, opera, chrome..
Carlos, me ha funcionado perfectamente el display:table Muchisimas gracias !!! Francisco Garde Calvo Director de Proyectos Chan Plataforma d'idees 963 26 66 02 - 665 86 32 82 -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Carlos García-Olalla Olivera Enviado el: lunes, 01 de junio de 2009 13:23 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problema al usar anclas en firefox, opera, chrome.. Hola Fran: Es un problema complicado, yo me lo encontre hace poco con una maquetación bastante parecida. El problema está en el div #inner que es en el que haces el overflow. Yo lo solucione con la propiedad display:table en el div que tenía el overflow. En IE no me funcionaba bien y lo sustitui para este navegador por un display:inline. Espero ayudarte, Carlos 2009/6/1 Francisco Garde f...@plataformachan.com Hola a todos!! Estoy desarrollando una web para una escuela de buceo y me he encontrado con un problema que me ha dejado un poco perplejo. He puesto anclas para navegar a través de una página y en firefox (opera, chrome,..) cuando pulso para ir a un apartado de la web, no se muestra el contenido que hay por encima de ese ancla. En explorer me funciona correctamente. La URL es: http://www.plataformachan.com/scuba/plantilla_activities.php y el menú para navegar a través de los apartados es el situado al lado del título de la página (Activities) Lo único especial (o eso creo yo) que utilizo en esta página es una técnica de ocultar texto detrás de imágenes ( técnica 7 de http://css-tricks.com/nine-techniques-for-css-image-replacement/) tanto en el menú de las anclas como en el enlace de volver al inicio. Código fuente: http://www.plataformachan.com/scuba/plantilla_activities.php (es xhtml plano, no se ejecuta ningún script php) CSS utilizados: http://www.plataformachan.com/scuba/css/estilos.css http://www.plataformachan.com/scuba/css/layout.css http://www.plataformachan.com/scuba/css/facilities.css Un saludo y muchas gracias !! ___ 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
