[Ovillo] Problema al usar anclas en firefox, opera, chrome..

2009-06-01 Por tema Francisco Garde
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..

2009-06-01 Por tema Rodrigo Álvarez Virgós
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..

2009-06-01 Por tema Francisco Garde
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..

2009-06-01 Por tema Carlos García-Olalla Olivera
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..

2009-06-01 Por tema Francisco Garde
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