Holas. He probado el anterior ejemplo y funciona de maravillas.
Solo tengo una duda y no se si se realiza con javascript o css. Como se puede hacer para que al ocultar una capa y al mostrar otra, siempre se situen en el mismo lugar?
Es decir, en el ejemplo anterior, muestra C1 al clicar en "capa1", pero al clicar en capa2, lo muestra correctamente pero más abajo de la posición de C1, dejando un espacio en blanco.
Saludos!!!
P.D. Edito, porque ya me respondo yo mismo:
Con CSS. Solamente hay que añadir en el estilo:
Código:
.micapa {visibility:hidden; position:absolute;}
Saludos!!!