IE8 jQuery UI 대화 상자를 무시합니다. minHeight 및 height 설정

Question

jQueryUI 1.8.4와 함께 jQueryUI 1.8.7을 사용하여 모달 dialog 상자를 표시합니다. IE8은 스크롤을 렌더링하고 내가 그들을 시도했습니다 모든 다양한 조합에 minHeight 및 height 옵션을 무시 나타납니다 어디에서 문제가있어 크롬 8, 파이어 폭스 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