IE 11 not rendering div on javascript properly

Question

I am using IE 11 , and it fails to render div dialog properly. All the dimensions viz. height, width, top, left give inappropriate results. The same is working fine for IE10.

The javascript code snippet is as follows:-

if (height > 0 && width > 0)
{
    myDialog.height = height;
    myDialog.width = width;
    myDialog.top = (parseInt(document.body.clientHeight) - height) / 3;
    myDialog.left = (parseInt(document.body.clientWidth) - width) / 2;
}

Here, myDialog is the div object I am talking about. why is this code snippet failing for IE11. Any help is appreciated.

Depends on a lot of things you haven't posted, but the most important is, that width and height properties for div are obsoleted. — Teemu
– Teemu, Commented Nov 27, 2013 at 12:20

T.J. Crowder · Accepted Answer · 2013-11-27 12:18:52Z

1

You're setting properties on the HTMLDivElement instance. You may have more success setting them on its style property:

if (height > 0 && width > 0)
{
    myDialog.style.height = height + "px";
    myDialog.style.width = width + "px";
    myDialog.style.top = ((parseInt(document.body.clientHeight) - height) / 3)  + "px";
    myDialog.style.left = ((parseInt(document.body.clientWidth) - width) / 2)  + "px";
}

Note I've also added px to the end, since these are CSS-style measurements.

answered Nov 27, 2013 at 12:18

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Indranil.Bharambe · Accepted Answer · 2013-11-27 12:18:14Z

0

try following

if (height > 0 && width > 0)

{

myDialog.style.height = height;
myDialog.style.width = width;
myDialog.style.top = (parseInt(document.body.clientHeight) - height) / 3;
myDialog.style.left = (parseInt(document.body.clientWidth) - width) / 2;
}

answered Nov 27, 2013 at 12:18

Indranil.Bharambe

1,4983 gold badges14 silver badges26 bronze badges

Collectives™ on Stack Overflow

IE 11 not rendering div on javascript properly

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related