1

Como faço para essa 'div' ficar no centro da página?

.dialogbox { 
position: absolute;
top: 30px;
width: 550px;
border-radius: 4px;
background: #FFFFFF;
margin: auto auto;
overflow: hidden;
display: none;
z-index: 9999;
}

Preciso manter as propriedades 'position: absolute; top: 30px;', pois ela vai aparecer encima de outras div, e com uma margem no topo de 30px;

7

1 Resposta 1

3

Tente assim:

.dialogbox { 
  position: absolute;
  top: 30px;
  left: calc(50vw - 275px);
  width: 550px;
  border-radius: 4px;
  background: #FFFFFF;
  margin 0;
  overflow: hidden;
  z-index: 9999;
  
  background: red;
  min-height: 200px;
}
<div class="dialogbox"></div>

2
  • o que é '50vw'? 19/12/2016 às 19:03
  • Metade da largura da janela. Se for relativo a outra coisa, pode usar 50% no lugar.
    – bfavaretto
    19/12/2016 às 19:08

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .