HTML - Meter varios DIV en una celda

Hola!

Mi problema es el siguiente:

Tengo una tabla donde en la parte central tengo un div q contiene una imagen y al pinchar en el menu superior dicha imagen se debe cambiar por distintos textos

Lo q he hecho es meter todos los divs en la misma celda y jugar con la propiedades de visible/invisible al pinchar en los link ... pero el problema es q la altura de la celda se distorsiona pq es como q sumara las alturas de todos los divs visibles o no...

http://tlloreti.googlepages.com/index.html

¿Sabeis como se puede solucionar para q la altura de la celda sea siempre como aqui :

http://tlloreti.googlepages.com/index_cuadro.html

?

Gracias!!

Hola,

te contesto a los divs les tienes que poner en el style las propiedades de position te explico mejor

<div style="position:absolute; visibility:hidden" id="capa1">capa oculta1</div>
<div style="position:absolute; visibility:hidden" id="capa2">capa oculta2</div>
<div style="position:relative; visibility:visible" id="capa3">capa 3</div>

si te das cuenta para mostrar una capa debes cambiar la propiedad visibility y además la de position, así

<a href="#" onclick="ocultarCapa(capa2);ocultarCapa(capa3);mostrarCapa(capa1);">capa oculta 1</a>
<a href="#" onclick="ocultarCapa(capa3);ocultarCapa(capa1);mostrarCapa(capa2);">capa oculta 2</a>
<a href="#" onclick="ocultarCapa(capa1);ocultarCapa(capa2);mostrarCapa(capa3);">capa oculta 3</a>

function mostrarCapa(mycapa){
mycapa.style.visibility='visible';
mycapa.style.position='relative';
}

function ocultarCapa(mycapa){
mycapa.style.visibility='hidden';
mycapa.style.position='absolute';
}

Espero que te sirva.

http://www.webboculta.com

Si lo que weboculta te dice no te funcionara, prueba a poner los divs inicialmente con 'display:none' , así no te ocupan espacio hasta q no aparecen.

Cuando los quieras hacer aparecer, ponle el display = 'block' mediante javascript y oculta el que estaba mostrado.

Espero q te siva.

SAludos