Propiedad overflow en Chrome y Explorer

[Picher]

Hola,

Mirar, tengo este código para detectar si una tabla excede de un tamaño en concreto, y si es así le pongo los scrollbar en automatico.
Bien, todo esto funciona muy bien en firefox, pero en explorer y chrome no funcionar, me podríais decir porque, y si se pudiera un código alternativo para colocar scrollbar mediante css y javascript.

Muchas Gracias.

Ahí os dejo el codigo

if (Tabla.offsetHeight>160)
{
Tabla.style.height = '160px';
Tabla.style.display = 'block';
Tabla.style.overflow = 'auto';
}

[replica]

Me imagino que sustituirás "Tabla" por

document.getElementById('Tabla');

¿no?

Porque escribir el id del elemento en cuestión no suele funcionar. Lo curioso es que funcione en firefox.

[PHPeros]

Iniciado por replica

Me imagino que sustituirás "Tabla" por

document.getElementById('Tabla');

¿no?

Porque escribir el id del elemento en cuestión no suele funcionar. Lo curioso es que funcione en firefox.

Los elementos del documento con atributo ID se almacenan en variables con ese mismo nombre, de forma automática.

[Picher]

Hola de nuevo.

Pues normalmente utilizo lo que me devuelve document.getElementById('Tabla'), de todas maneras lo he probado como me has dicho y tampoco me funciona,.

Alguna idea, de como se puede hacer?

Un saludo

Y gracias de antemano

[Alexis88]

Normalmente hago eso con CSS:

Código CSS:

table{
    display: block;
    height: 20em;
    overflow: auto;
}
 

Un ejemplo (funciona en Chrome, Opera, Firefox y Safari, no tengo IE): http://jsbin.com/UbEJAzaF/1

Saludos

[Picher]

Ok,

Lo que ocurre es que yo tengo que colocar el scroll de manera dinámica, es decir, si la tabla supera una altura entonces activo los scrollbar, de ahí que lo intente colocar utilizando "getElementbyID", pero no se porque, como os digo, en chrome y en explorer, no los activa.

Lo que necesito es activarlo y desactivarlo en función de lo alto que sea la tabla cuando se añaden lineas dinámicamente, ya que añadir el scroll directamente sin ser necesario, no queda bien.

Os dejo el codigo entero otra vez
InsertarFilaEnTabla();
var Tabla = document.getElementById('IDdelaTabla');
if (TablaPadre.offsetHeight>200)
{
Tabla .style.height = '160px';
Tabla .style.display = 'block';
Tabla .style.overflow = 'auto';
}

muchas gracias por la ayuda

un saludo

[PHPeros]

Pues haz un overflow:scroll u overflow:hidden dependiendo lo que busques

[Picher]

Hola denuevo,

A ver, lo que ocurre es que cuando colocamos el overflow mediante css a auto, en la tabla se come un espacio hacia la izquierda, que es el espacio que utiliza para colocar despues el scrollbar.

Lo que hago es que si la tabla al insertar los registros dinamicamente se llena hasta el límite que he marcado entonces los activo, mientras tanto no, así no se come ese espacio y me desalinea la tabla.

el código que os he puesto funciona perfectamente en firefos, pero en los demás no funciona.

Sabríais decirme que estoy haciendo mal, o si existe alguna soloción.

recordar que los pongo de manera dinamica mediante javascript