jQuery dialog and css set issue

Question

I am working with jQuery dialog:

When the dialog opens, Firebug shows...

<div id="dialog" style="width: auto; min-height: 0px; height: 274px;">,

...but I need to set the width to 346px.

I tried using $("#dialog").css({width : '346px'}), but this does not work. After setting the width via .css(), Firebug continues to show width: auto.
I even hard-coded the style attribute as <div id='dialog' style="width:346px">, but this does not work! Firebug continues to show width: auto.

Can someone please tell what is wrong in my code? How should I set the width of this dialog div? Thanks.

Emre Erkan · Accepted Answer · 2011-10-31 01:07:53Z

2

Do it this way:

$("dialog").dialog({
     "modal": true, 
     "width": 346, 
     "height": 400
});

Emre Erkan

8,4723 gold badges52 silver badges55 bronze badges

answered Oct 30, 2011 at 19:21

2,9212 gold badges21 silver badges32 bronze badges

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

Comments

Jayendra · Accepted Answer · 2011-10-30 19:22:30Z

1

$("#dialog").dialog({
        width:'346px'
});

answered Oct 30, 2011 at 19:22

Jayendra

52.8k4 gold badges83 silver badges90 bronze badges

Matt · Accepted Answer · 2011-10-31 07:54:01Z

0

This must work

$("#dialog").attr('style','width:346px');

This makes sure that your CSS is applied and later this inline style overrides your CSS making the width:346 px; as you want.

Matt

75.4k26 gold badges156 silver badges181 bronze badges

answered Oct 30, 2011 at 19:25

Akshay Khandelwal

986 bronze badges