Home / Community & Support / Developer Productivity Tools Forums / Telerik MVC Extensions (superseded) > Window > Unexpected window width in IE9/IE6

• Wicky

  Posted on Jan 18, 2012 (permalink)

  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
  
  

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / Telerik MVC Extensions (superseded) > Window > Unexpected window width in IE9/IE6