jQuery UI error de tamaño variable (?) En Firefox y IE

Estoy construyendo un módulo de recursos humanos para una empresa, usando tablas ordenables con contenido dinámico. Después de terminar el proyecto, el cliente solicitó que las tablas se redimensionen verticalmente. Apliqué jQuery UI de tamaño variable() al div en el que está envuelta la tabla principal. Funciona absolutamente bien en Safari y Chrome, pero al redimensionar el div wrapper en Firefox o IE, la altura de la tabla permanece igual y no se expande a las dimensiones del div.jQuery UI error de tamaño variable (?) En Firefox y IE

El marcado simplificada se ve así:

<div id="list"> 
    <div class="table-container"> 
     <table> 
      (blablabla, this is a sortable table with clickable th's and about 10 columns) 
     </table> 
    </div> 
</div>

Los estilos son:

#list { 
    width: 1150px; 
    height: 180px; 
    float: left; 
    overflow: hidden; 
    border: 1px solid #aeaeae; 
} 

#list .table-container { 
    width: 1145px; 
    height: 175px; 
} 

#list table { 
    width: 100%; 
    height: 100%; 
    float: left; 
} 

#list table td { 
    height: 20px; 
    vertical-align: middle; 
}

He intentado usar varios desbordamiento, posición y pantalla valores a cada elemento , pero el resultado no fue mejor. La parte jQuery es:

$(document).ready(function() { 
    $("#list .table-container").resizable({ alsoResize: "#list", handles: "s" }); 
});

¿Existe realmente un problema como este con Firefox/IE, o estoy haciendo algo mal?

Fuente

2011-07-26 csab

Si es posible, siempre es útil probar estas cosas al costado de un entorno de desarrollo, como [jsfiddle] (http://jsfiddle.net), donde puede separar los componentes esenciales de su código para aislar tal vez cualquier causa del problema . Cuando estoy trabajando en cosas que se rellenan dinámicamente, simplemente lo lleno de datos ficticios y lo construyo independientemente de la aplicación en otro lugar. Tampoco pude reproducir esto. – Ken

Probado su código en Firefox 9.0.1. No se pudo encontrar un problema.

La altura de la tabla sí cambió cuando se redimensionó el div.

Encontré la tabla para cambiar el tamaño correctamente en Firefox, IE y Chrome.

No creo que haya nada de malo con FF o IE. Supongo que algo más en tu código lo está afectando.

Fuente

2012-01-15 08:30:09 nunespascal

jQuery UI error de tamaño variable (?) En Firefox y IE

Respuesta

Cuestiones relacionadas