jquery set div width fails in IE7

Question

I have the following code and it works correctly in FF and IE8 but fails in IE 7 anyone have an idea or hack

    if ($("#midRight:contains('Quick Links')").length == 0) {
  $("#midCenter").css({'width':'298px'});
 }

html is basic

    <div id="midRight">
bunch of text
</div>

the starting css is

#midRight {width:440px;}

IE7's javascript error is "Object doesn't support this property or method. BTW if I throw an alert in BEFORE the width change it works fine. If I move the alert to after the width change it never fires so at least I know that the conditional statement works right in IE7 just not the change of width.

Please add more details such as: HTML code, what do you mean by it fails? — Dmitri Farkov
– Dmitri Farkov, Commented Nov 18, 2009 at 19:48
Need more HTML and the CSS you have for #midCenter as it is before the jQuery modification. — a432511
– a432511, Commented Nov 18, 2009 at 19:51

Funky Dude · Accepted Answer · 2009-11-18 20:10:49Z

5

$("#midCenter").css({width:298});

answered Nov 18, 2009 at 20:10

Funky Dude

3,9672 gold badges25 silver badges34 bronze badges

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

2 Comments

powtac Over a year ago

Either this, or $("#midCenter").css('width, '298px');

Lance Over a year ago

very strange I thought I had tried all possible combinations but turns out removing the quotes and the px from the value solved the problem. $("#midCenter").css({'width':298});

Jack M. · Accepted Answer · 2009-11-18 20:12:31Z

0

This may be a bug in the way IE7 handles setting the width with CSS. Does it work any better if you set the width directly?

if ($("#midRight:contains('Quick Links')").length == 0) {
    $("#midCenter").width(298);
}

answered Nov 18, 2009 at 20:12

Jack M.

32.3k7 gold badges58 silver badges67 bronze badges

Comments

Greg · Accepted Answer · 2009-11-18 20:14:17Z

0

Are you waiting for the DOM to finish loading? Try this:

$(function()
{
    if ($("#midRight:contains('Quick Links')").length == 0)
      $("#midCenter").css({'width': 298});
});

answered Nov 18, 2009 at 20:14

Greg

323k55 gold badges378 silver badges338 bronze badges

Collectives™ on Stack Overflow

jquery set div width fails in IE7

3 Answers 3

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Related