Ir para conteúdo
Fórum Script Brasil
  • 0

Como centralizar um Pop-up de forma responsiva?


kaioneresm

Pergunta

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, conforme 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?

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...