javascript style.width no funciona en firefox con doctype de transición

Question

Tengo un script que anima un pequeño DIV que aparece en la página. Todo funciona bien en IE y en FF si elimino el DOCTYPE, pero cuando el DOCTYPE es XHTML / Transitional, en Firefox, el ancho no cambia.

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;

En IE, y en FF sin DOCTYPE, la primera alerta dice 0, y la segunda dice 320 (que es el ancho establecido en otra parte del código)

en FF, con el DOCTYPE a XHTML / Transitional, ambas alertas muestran 0. ¿Alguna idea de lo que está pasando aquí? Creo que es posible que deba establecer posiciones explícitamente en los DIV en Transitional, pero no estoy seguro.

Answer 1

¿Has intentado configurar:

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

Me parece que intentar establecer un ancho / alto de un número, sin las unidades, puede causar problemas.

Answer 2

Puedes usar:

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

en lugar de ancho de propiedad.

¡Funciona!