Tengo un problema... tengo 3 div's uno que pinta una tabla muy pequeña y otra que la tabla es grande y otra hasta abajo que es una tablita pequeña... el problema es que cuando lo corro el primer y el segundo div los pinta bien pero para el tercer div deja un espacio en blanco este espacio varia segun el tamaño de la tabla grande... es decir si la tabla es de 20 lineas y mi div es de tamaño de 10 de cualquier forma como que pinta las 20 aunque solo visualiza 10 y deja un espacio en blanco y pone la otra tabla... e intentado por css y directamente el indicar tamaño y formas pero aun asi deja el mismo espacio en blanco...
dejo un poco de codigo
Cita:
echo "<div style='overflow-y:scroll; height:0%; width:100%;'>";
echo "<table border = '2' align=center width=100% bordercolorlight='6495ED' bordercolordark='4169E1'>";
/** AQUI PINTA LA TABLA ***/
echo "</tr></table></div>";
echo "<div style='overflow-y:scroll; height:40%; width:100%; vertical-align:super; position:fixed;'>"
echo "<table border = '2' align=center width=100% bordercolorlight='0080FF' bordercolordark='0174DF'>";
/** AQUI PINTA LA SEGUNDA TABLA Y NO DEJA ESPACIO CON LA PRIMERA **/
echo "</tr></table></div>";
echo "<div style='overflow-y:scroll; height:40%; width:100%; '>"
/****** AQUI PINTA LA ULTIMA TABLA PERO HACIA ARRIBA DEJA UN ESPACIO EN BLNCO MUY GRANDE **/
</div>
echo "<table border = '2' align=center width=100% bordercolorlight='6495ED' bordercolordark='4169E1'>";
/** AQUI PINTA LA TABLA ***/
echo "</tr></table></div>";
echo "<div style='overflow-y:scroll; height:40%; width:100%; vertical-align:super; position:fixed;'>"
echo "<table border = '2' align=center width=100% bordercolorlight='0080FF' bordercolordark='0174DF'>";
/** AQUI PINTA LA SEGUNDA TABLA Y NO DEJA ESPACIO CON LA PRIMERA **/
echo "</tr></table></div>";
echo "<div style='overflow-y:scroll; height:40%; width:100%; '>"
/****** AQUI PINTA LA ULTIMA TABLA PERO HACIA ARRIBA DEJA UN ESPACIO EN BLNCO MUY GRANDE **/
</div>