Fuxi
Fuxi

Reputation: 7599

jQuery: problem with dialog height under IE

i'm experiencing problems with the jQuery dialog under IE8:

i'm first initializing the dialog, then change its height through the options:

div.dialog("option",{"height":y});  

under firefox, anything is nice, but under IE the box is missing some height (about 50px), so i'm getting ugly vertical scrollbars. any ideas what could be wrong?

thx

Upvotes: 0

Views: 4831

Answers (3)

vinothvetrivel
vinothvetrivel

Reputation: 23

You can set the height and width of the field so that once the dialog has been shown it reset the style of that field.

show: {
    effect: 'puff',
    complete: function () {
        $('#modifySubmit').css({
            height: "30px",
            width: "90px"
        });
    }

Upvotes: 1

I was a little different problem. When window size changed, I changed the size of the dialog. In ie6 it does not work correctly. Help here is the solution.

var heightOfHeaderDialog = 35;
div.height(y-heightOfHeaderDialog);

Upvotes: 0

munch
munch

Reputation: 6321

The way to initialize the height as specified in the docs is one of two ways:

without the curly braces:

div.dialog("option", "height", y);  

or with the curly braces (and without the "option"):

div.dialog({height:y}); 

Upvotes: 1

Related Questions