IE8忽略jQuery UI「對話框」minHeight和高度設置

Question

我使用jQuery 1.4.4與jQueryUI 1.8.7來顯示模式dialog框。我有一個問題，在IE8呈現一個滾動條，似乎忽略所有的許多不同的組合我已經試過在minHeight和height選項

在Chrome瀏覽器8和Firefox 3.6我的對話是這樣的：。

在IE 8中，它看起來像：

的標記和腳本的樣子：

<a id="create" href="#">Create New Thing</a> 
<div id="dlg-create-thing" title="Create new thing?"> 
    <form name="create-thing-form" id="dlg-create-thing-form"> 
    <p style="text-align:left"> 
    <span>Name: <input id="thingName" name="thingName" maxlength="12" size="30" /></span> 
    <br /><br /> 
     <b>Thing options:</b><br /><br /> 
     <input type="radio" id="option1" name="theoptions" 
      value="0" checked="checked" />Use this option<br /> 
     <input type="radio" id="option1AndMem" name="theoptions" 
      value="1" />Use this other option 
    </p> 
    </form> 
</div> 


<script type="text/javascript"> 
$(function() { 
    $("#dlg-create-thing").dialog({ 
    autoOpen: false, resizable: false, width: 500, modal: true, 
    minHeight: 280, 
    buttons: { 
     "Create": function() { /* do stuff */ }, 
     "Cancel": function() { /* do other stuff */} 
    } 
    }); 

    $("body").delegate("a[id='create']", "click", 
    function() { 
     $("#dlg-create-thing").dialog('open'); 
     return false; 
    } 
); 

}); 
</script> 

我該如何解決這個問題（最好是以一種很好的瀏覽器不可知的方式，但我會解決任何問題）？

Answer 1

檢查頁面的Doctype，有時錯誤的文檔類型會使Internet Explorer使用舊的渲染引擎，如IE7的一個或進入兼容模式。您可以在這裏閱讀更多http://blogs.msdn.com/b/ie/archive/2010/03/02/how-ie8-determines-document-mode.aspx