Ayuda con sortable y scroll para una tabla :(

[Revan]

Hola a todos, tengo un problemilla es el siguiente:

Tengo una función en javascript llamada sortable para ordenar el contenido de las tablas al hacer click sobre el encabezado de cada columna. Además utilizo la propiedad Style ="overflow" para que si el contenido de la tabla resulta muy grande aparesca un scroll y así la página no quede tan grande. La combinación de ambas características no me produce ningún problema en Mozilla Firefox, pero en internet explorer la página queda del tamaño de la tabla que se genera cómo si no usara Style="overflow" sólo que en blanco ya que la tabla se despliega al final de la página del tamaño que le dí en el tag div que incluye Style="overflow". humm no se si se entiende.


De antemano muchas gracias!!

[DragonX]

sinceramente no pude entender bien que es lo que te esta pasando....perdon!

[Revan]

jaja, si, presentía que no se entendería. TRataré de dar una ejemplo:
asi se ve:

Inicio de pagina








Tabla
Fin de página

Se produce un espacio en blanco grande entre el inicio de la página y la tabla, del tamaño que tendría la tabla si no hubiera usado overflow.


debería quedar:

Inicio de pagina
Tabla
Fin de página

esto sólo sucede en Internet Explorer.
espero que se comprenda mejor

[Mikmoro]

No acabo de entenderlo bien:
¿tienes una tabla, que tiene dentro un div? ¿ese div tiene altura determinada (height: 200px, por ejemplo)? ¿en la clase de ese div tienes puesta la propiedad overflow: scroll?

Pues en ese caso debería funcionar tanto en FF como en IE. Si no era eso, pon el código del html y la regla css para que podamos verlo. Seguramente será que no te he entendido.

Mikel.

[Revan]

osea la tabla está dentro del div y ese div tiene determinada altura junto con style= overflow

Postearé mañana el código, es que en este momento no lo tengo disponible.

[Revan]

Aquí está el código:
<div id=scrolltable with ="860" Style="overflow:auto; height:200px;">
<table align="center" class="sortable" name="rsTable" id="rsTable" width="860" border="1" cols="7">
<th >N</td>
<th >RUT</td>
<th>AP.PATERNO</td>
<th>AP.MATERNO</td>
<th>NOMBRES</td>
<th>CARRERA</td>
<th>INGRESO</td>
</tr>
<%
//Aquí va código JSP, sólo es un ciclo for que rellena la tabla


%>

</table> </div>

[Mikmoro]

Bien. Lo mejor es siempre poner el código.
¿Habíamos hablado ya de que IE hace muuuuuuuuuchas cosas inexplicables para la mayoría de nosotros? Grrrrrrrrrrrrrrrrrrrrr.

Pues bien, en tu caso, necesitas sacar el estilo de la etiqueta y ponerla en el head:

<style type="text/css">
#scrolltable {
margin: 0pt auto;
overflow: auto;
height: 200px;
width: 860px;
}
</style>

Después cambia el ancho de tu tabla y ponlo como:
<table align="center" class="sortable" name="rsTable" id="rsTable" width="98%" border="1" cols="7">

y funciona bien en IE6 y Firefox.

Un par de cosas más:
-Tienes el width del div mal escrito (has puesto with)
- Style se escribiría en minúscula (style)
- No me imagino por qué abres las celdas con th y las cierras con td.

Mikel.

[Revan]

Muchas gracias por los consejos , haré los cambios.

Lo de cerrar con td, lo hice porque así lo tenía un amigo, simplemente utilicé una pagina que había hecho el como base. A mi tb me extraño, pero decidí no cambiarlo, porsicacaso.