Я использую тег div, который находится внутри элемента td. Я получаю значения runtime от dwr [direct web remoting], который использует вызовы ajax и устанавливает высоту и ширину элемента div. Настройка и получение значений из java-класса в javascript в jquery работает. Устанавливая ширину и высоту в firefox, которые показывают полосу прокрутки всегда, хотя содержимого там нет. Я пробовал использовать css-опции overflow: auto, но бесполезно. Также он хорошо работает в IE 9+.
$("#idofDiv").resizable();
$("#idofDiv").resizable({
start: function(e,ui){
},
resize: function(e,ui){
},
stop: function(e,ui){
var newWidth = $("#idofDiv").width();
var newHeight = $("#idofDiv").height();
JavaClass.setWWidth(newWidth.toString());
JavaClass.setWHeight(newHeight.toString());
$("#idofDiv").width(parseInt(newWidth));
$("#idofDiv").height(parseInt(newHeight));
}
});
В приведенном выше коде при изменении размера тега div я сохраняю значения в сеансе с использованием DWR. Он работает нормально. В элементе div, если содержимое превышает, должна отображаться полоса прокрутки. Но в строке прокрутки mozilla отображается каждый раз, но в IE она работает нормально. Я использовал overflow: auto для переполнения содержимого. Любая помощь будет оценена.
Это может быть из-за того, что свойство "display" элемента "TD" по сути установлено "table-cell", а не "block". Вы можете попробовать добавить следующие правила css:
#table{
table-layout:fixed;
overflow:hidden;
white-space: nowrap;
}
Пожалуйста, проверьте больше в этом сообщении.