popup не назначает центр экрана

Question

Используйте приведенный ниже код, чтобы назначить всплывающий точный центр экрана. Но это не работает. Всплывающие окна появляются в разных местах в зависимости от размера div. Но я хочу отобразить div в центре экрана.

.pnl_renewal_res 
{ 
    background:White; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */ 
    display: none; 
    border:1px solid #333333; 
} 

Answer 1

попробовать это:

.pnl_renewal_res 
{ 
    background:White; 
    position: absolute; 
    top: 30%; 
    left: 30%; 
    right:30%; 
    bottom:30%; 
    display: none; 
    border:1px solid #333333; 
} 

это будет масштабировать всплывающее окно, и дать измерение к нему. Вам не нужно указывать маржу, когда ваш контейнер является абсолютным: верхний, правый, левый, нижние значения будут делать.

Если вы хотите изменить высоту и ширину всплывающего окна, измените процентные значения.

Кроме того, вы можете использовать комбинацию из height и width вместе с top и left