ModalPopupExtender를 다른 ModalPopupExtender 위에 배치

Question

첫 번째 ModalPopupExtender는 두 번째 ModalPopupExtender를 표시 할 때 화면 중앙에 나타납니다. 첫 번째 ModalPopupExtender는 첫 번째 오른쪽의 벨로우즈와 오른쪽에 나타납니다.

화면 중앙에 배치하고 싶습니다.

는 업데이트 :

나는 두 번째 팝업의 문제는 것을 발견 : 나는 이것을 제거하면

PopupDragHandleControlID="pnlDragMe" 

, 그것은 괜찮습니다.
하지만 드래그 컨트롤이 필요합니다!

이

내 드래그 패널입니다 :

<div id="pnlDragMe" class="pnlDragMe"> 
      Image Uploader 
     </div> 

그리고 CSS의 :

이

.pnlDragMe 
{ 
    background-color: #4D676A; 
    height: 24px; 
    cursor: move; 
    width: 100%; 
    text-indent: 10px; 
} 

페이지 레이아웃 CSS는 :

/* General styles */ 
    body { 
     margin:0; 
     padding:0; 
     border:0;   
     width:100%; 
     background:#fff; 
     min-width:600px;  

     font-size:90%; 
    } 
    a { 
     color:#369; 
    } 


    /* column container */ 
    .colmask { 
     position:relative;  
     clear:both; 
     float:left; 
     width:100%;   
     overflow:hidden;  
    } 
    /* 2 column left menu settings */ 
    .leftmenu { 
     background:#FFD8B7; 
    } 
    .leftmenu .colright { 
     float:left; 
     width:200%; 
     position:relative; 
     left:195px; 
     background:#fff; 
    } 
    .leftmenu .col1wrap { 
     float:right; 
     width:50%; 
     position:relative; 
     right:200px; 
     padding-bottom:1em; 
    } 
    .leftmenu .col1 { 
     margin: 0 5px 0 205px; 
     position:relative; 
     right:100%; 
     overflow:hidden; 
    } 
    .leftmenu .col2 { 
     float:left;   
     position:relative; 
     /*width:170px; 
     right:185px;*/ 
     width:170px; 
     right:190px; 
    } 
    /* Footer styles */ 
    #footer { 
     clear:both; 
     float:left; 
     width:100%; 
     border-top:1px solid #000; 
    } 
    #footer p { 
     padding:10px; 
     margin:0; 
    } 

Answer 1

Jquery center plugin

이 아주 잘 나를 위해 작동