javascript style.width не работает в Firefox с переходным типом документа

Question

У меня есть скрипт, который анимирует небольшой DIV, появляющийся на странице. Все это прекрасно работает в IE и в FF, если я удаляю DOCTYPE, но когда DOCTYPE - XHTML / Transitional, в Firefox ширина не изменяется.

this.container.style.visibility = "visible";
alert("this.container.style.width before = " + this.container.style.width)
this.container.style.width = this.width;
alert("this.container.style.width after = " + this.container.style.width); 
this.container.style.height = this.height;

В IE, и в FF без DOCTYPE, первое предупреждение говорит 0, а второе говорит 320 (что является шириной, установленной в другом месте кода)

в FF, с DOCTYPE в XHTML / Transitional, оба предупреждения показывают 0. Есть идеи, что здесь происходит? Я думаю, что мне, возможно, нужно явно установить позиции на DIVs в переходный период, но я не уверен.

Answer 1

Вы пробовали установить:

this.container.style.visibility = "visible";
alert("this.container.style.width before = " + this.container.style.width);
this.container.style.width = this.width + 'px';
alert("this.container.style.width after = " + this.container.style.width);
this.container.style.height = this.height + 'px';

//Note the 'px' above

Я считаю, что попытка установить ширину / высоту числа без единиц измерения может вызвать проблемы.

Answer 2

Вы можете использовать:

document.getElementById("td").style.visibility="hidden";
document.getElementById("td").style.display="none";

вместо свойства width.

Работает!