Olá, estou com uma dificuldade para posicionar um elemento.
Se trata de um pop-up que aparece na tela ao clicar. Acontece que esse pop-up não fica centralizado em todas as telas dependendo da resolução.
No momento estou usando o position absolute, a div é essa abaixo:
.form-structor {
background-color: #222;
border-radius: 15px;
height: 550px;
width: 450px;
position: absolute;
top: -100px;
left: 170px;
overflow: hidden;
}
Também já tentei:
{position: relative; top: 50%; left: 50%;}
Alguém pode me ajudar?
Qual propriedade eu utilizo para ficar centralizado tanto horizontal e quanto vertical em qualquer resolução?