problemon con capas y scroll

[chusete]

este es mi caso: tengo una pagina con 2 capas (capa1 y capa2) y solo una es visible, la otra se halla oculta.Las 2 capas generan un scroll para verse completamente. En la capa1 hay un boton en su parte inferior que al pulsarlo hace visible la capa2 y oculta la capa1 , y la capa2 tiene un boton que hace lo mismo que el de la capa1.

El problema es que cuando quiero pulsar el boton de la capa1 tengo que bajar la barras de scroll y al pulsarlo y mostrar la capa2, ésta se encuentra en la misma posicion que la capa1, es decir, con el scroll bajado, con lo que no se consigue ver el alto de esta capa 2 y te obliga a desplazar el scroll hacia arriba, creando una incoveniencia y un efecto antiestetico.
Este mismo ocurre cuando quiero volver a la capa1, me aparece la capa pero se me queda a mitad de altura.

no se si me he explicado del todo.

espero que encuentren una solucion.

gracias, es muy importante

[Carlitos]

Se puede ver funcionando en algún sitio?

[chusete]

es un poco complicado pero alla va, (debes tener resolucion 800):

1) url: http://62.22.98.201/am.htm
2) pulsas en entrar
3) pulsas ultimo enlace (Pantalla Principal de Mundicolor/Mundos Soñados)
4) en el menu de la izquiera elegir reservar y en el submenu reservas
5) en el mapa seleccionas islas canarias y luego destino unico
6)tienes que selecconar este viaje:
del 20 al 30 de julio, destino gran canaria origen madrid, compañia iberia.
7 ahora se ve la pantalla problematica: si pulsas el boton reserva normal
( bajando con el scroll) se ve la otra capa, y si en ésta pulsas el boton
superofertas se vuelve a mostrar la anterior capa, pero siempre quedandose
a mitad y obligandote a hacer scroll.

[caricatos]

Hola chusete y Carlitos :

Creo que en vez de usar visibility (visible/hidden), tendrías que usar display (block/none)...

Creo que el ejemplo de mi galería de caricaturas se asemeja a lo que tu pretendes: http://www.sucaricatura.com/2004/

Saludos

[chusete]

que diferencia hay entre display y visibility?

[Carlitos]

Hola.

Prueba a poner en tu función abrircapas la siguiente línea

Código:

document.getElementById('superofertas').style.top=2

es decir, que te quede así la función:

Código:

function abrircapa (capa1,capa2) { 	
document.getElementById('superofertas').style.top=2 	   
document.getElementById(capa1).style.visibility = 'visible';
document.getElementById(capa2).style.visibility = 'hidden';	
}

A ver si es eso lo que querías.

[caricatos]

Iniciado por chusete

que diferencia hay entre display y visibility?

Hola otra vez:

La diferencia es que con display="none" la capa no se ve porque no se escribe (tal como si la etiqueta no existiera), en cambio visibility="hidden", la capa se escribe, pero el contenido es invisible.

Al poner luego display="block", se despliega la capa y el contenido, pero si a la vez pones la otra capa con display="none", esta se repliega...

Si las capas tienen el mismo tamaño se pueden solapar usando posiciones absolutas y compartiendo las coordenadas (top/left)... ... creo que es algo más trabajoso. Supongo que la solución que te puso Carlitos (¡Hola !) tiene ese sistema.

Saludos

[chusete]

he probado vuestras soluciones y no consigo nada, el scroll se sigue quedando a mitad cuando en una de las capas se baja hasta el final, no tiene sentido porque sí deberia subirse de nuevo para ver otra vez la capa, no?

no hay alguna forma de obligar a un scroll de una capa que se coloque arriba del todo, no se, dandole alguna coordenda top al scroll?

gracias