将ModalPopupExtender定位在另一个ModalPopupExtender之上

时间:2009-08-27 17:03:37

标签: asp.net ajax

第一个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;
    }

1 个答案:

答案 0 :(得分:0)

Jquery center plugin

这对我很有用