Home/ Questions/Q 93691
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T23:23:03+00:00

I have a script that animates a small DIV popping up on the page.

  • 0

I have a script that animates a small DIV popping up on the page. It all works fine in IE, and in FF if I remove the DOCTYPE, but when the DOCTYPE is XHTML/Transitional, in Firefox, the width does not change. 

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;

In IE, and in FF with no DOCTYPE, the first alert says 0, and the second says 320 (which is the width set elsewhere in the code)

in FF, with the DOCTYPE to XHTML/Transitional, both alerts show 0. Any idea what’s going on here? I’m thinking I may need to explicitly set positions on the DIVs in Transitional, but I’m not sure.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Have you tried setting:

    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

    I find that trying to set a width/height of a number, without the units can cause issues.

    • 0