Estoy haciendo una pagina web modular y en una seccion utilizo una funcion javascript de 'acordeon', es decir, en una seccion, en la parte de contenido se muestran los titulos de tres temas, de principio parece activado el primer tema con su texto desplegado, pero si le doy clik en titulo del siguiente tema, se despliega ese contenido ocultando el contenido q antes se mostraba, y asi funciona con lo demas...
El problema es q el div q contiene el acordeon no se ajusta al tamaño del tema en el q se encuentra, lo unico q detecta como tamaño total del div son el area contenida hasta el titulo de la primer tema sin detectar asi su contenido ni mucho menos los demas titulos de temas.
El div contenedor total si abarca el pie correctamente, sin embargo, el acordon no y este se encima al pie y sobrepasa el tamaño del div 'global'
Aqui les dejo el codigo q tengo.
index.php
<div id="contenido">
<div id="menu">
<? include("includes/menu.php"); ?>
</div>
<div id="texto">
<?php include ("includes/pages.php"); ?>
</div>
</div>
style.css
#global {width:960px; height:auto; margin: 40px auto; border:#8B0000 2px solid;}
#texto {background-color:pink; width:580px; height:auto;float:right; position:relative; top:-60px;margin-bottom:-60px;padding-top:40px;padding-left:50px;padding-right:50px;padding-bottom: 40px;}
#pie {background-color:yellow; width:960px;height:31px;text-align:center;padding-top:0px;clear: both;}
#piein {padding-top:3px;}
pageconacordeon.php
<script language='JavaScript' type='text/javascript' src='TSScript/prototype.lite.js'></script>
<script language='JavaScript' type='text/javascript' src='TSScript/moo.fx.js'></script>
<script language='JavaScript' type='text/javascript' src='TSScript/moo.fx.pack.js'></script>
<script language='JavaScript' type='text/javascript' src='TSScript/TSAccordion/TSAccordion.js'></script>
<h1>Publicaciones</h1>
<p></p><p></p>
<div id="TSAccordion" style="position:absolute">
<div class="titaccord" title="Desplegar: Revistas con arbitraje"><a href="#revista"><h2> >> Revistas con arbitraje</h2></a></div>
<div class="texaccord" style="overflow: hidden; visibility: visible; opacity: 0.9999; height: 1%;">
<p>Contenido del tema 1 oifhzoihozihvozinvoixcnvoxinvoixcnvoixncvoixncpbinxc nxpi nxin pxinoihsvnsixv xovnxoinvoxinv oxin oixnv oxin oxinvoixncv oxinc oixn oxn oxin oxnvoixnv xih xincvxhgfhoh xoih oxcihoz </p>
<div class="titaccord" title="Desplegar: Capítulos de libros"><a href="#caplibros"><p></p><h2> >> Capítulos de libros </h2></a></div>
<div class="texaccord" style="overflow: hidden; visibility: hidden; opacity: 0; height: 10px;">
<p>Contenido tema 2. K jfoxgoxznbozincbozincvbo zin oizncvo znbo icvnb oinoz infb oicvn ozincvo izvcnobiznc oznvcobnzofibnofinbzoifjozfdij bozifj bzoihozifhbnozfn iozsdvokjxcn oih bofn oic i oihoih ohoidhgoidhg aoidfhaoih aichoichv zoihcozihozhoifhocihoincñoi</p>
</div>
<script type="text/javascript">TSAccordionLoad("TSAccordion", "titaccord", "texaccord");</script>
Ojala puedsn ayudarme, se los agradecere bastante!!!!
