This is a migrated thread and some comments may be shown as answers.

[Solved] Unexpected window width in IE9/IE6

0 Answers 54 Views
Window
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Wicky
Top achievements
Rank 1
Wicky asked on 18 Jan 2012, 06:54 AM
Hi,

I'm try to create a information window, below is simplified code:
var w = $.telerik.window.create({
    title: "<b>Information</b>",
    html: "<div style='min-width: 250px;max-width: 600px;min-height: 80px;'>Hello World!</div><hr style='width:100%;height: 1px;'/><div style='text-align: right;'><button id='btnOK' href='#'>OK</button></div>",
    contentUrl: '',
    modal: true,
    draggable: true,
    resizable: false,
    scrollable: false
    });
 $(w).data('tWindow').center().open();

You could insert above javascript code to startup scripts of First Look demo to try.

It's working properly in IE8, but there are problems in IE6 and IE9:

1) in IE9:  the window shown up properly, but when you click the OK button, the window width suddenly enlarged; then when you double click on the window, the size restored to original one.

2) in IE6: the startup width is out of control, it seems always same as the browser window width; but width doesn't change when clicking OK button.

If I remove <hr .../>, IE9 resumes normal, but IE6 same issue.

Regards
Wicky

Tags
Window
Asked by
Wicky
Top achievements
Rank 1
Share this question
or