set jquery-ui dialog content to the dialog size

Question

I am having jquery-ui dialog as in here

The problem is, on specifing some contents and then pressing the create button the contents needs to fill the entire dialog, but it's calculating it's own width and height and positioning it only in a part of the dialog. I Tried by giving

width:100%;

to the id of the content holder in css but it doesnt work.

Screenshot:

CSS:

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; width:auto;/*height: auto;*/}

Can anybody help me where i am going wrong?

Cheers Jeev

Answer 1

saw the link you gave there.

i haven't got the id of appearing div.give some id if its not there.and then apply following css.

#id_of_dialogue{
height: 430px;
width: 368px;
top: 80px;
left: 324px;
}