[Resolvido] Centralizar Pop Up

[Rick RJ 1]

Amigos,

 

preciso de uma ajuda. Fiz uma página HTML, quando carregada abre dentro da propria página um Pop Up. O código é:

 

<div id="popup">
 
<div style="width:380px; background-color:#ffffff; border:#000000 solid 1px; padding: 10 10 10 10">
 

<a href="javascript:fechar()"><font face="tahoma" color="#CC0000" size="2"><b>Fechar</b></font></a><br>
<br>
 
<p align="justify"><font color="#000000" size="2" face="tahoma">Mensagem.</font></p>
<p align="justify"><font size="2" face="tahoma"><b><span class="Estilo2">MENSAGEM - COMUNICADO</span></b></font><font color="#000000" size="2" face="tahoma"><b><br>
      <br>
  </b>
Mensagem <strong>email</strong></font></p>
<p align="justify"><font color="#000000" size="2" face="tahoma">Mensagem.</font></p>
</font></p>
</div>

 

Ocorre que a página HTML se encontra centralizada mas o Pop Up não consigo centralizar na página.

 

O que devo fazer?

 

Desde já agradeço a ajuda.

 

RJRick.

[Holt 1]

Na div que comporta o conteúdo toda a pop-up:

left: 50%;
top: 50%;
margin-left:-MetadeDoWidthpx;
margin-top:-MetadeDoHeightpx;

Deixando o sinal de "-"(menos) na frente do número

[Rick RJ 1]

Na div que comporta o conteúdo toda a pop-up:

left: 50%;
top: 50%;
margin-left:-MetadeDoWidthpx;
margin-top:-MetadeDoHeightpx;

Deixando o sinal de "-"(menos) na frente do número

 

Holt,

 

não funcionou. Coloquei assim:

 

<div id="popup">
<div style= "left: 50%; top: 50%; margin-left:-MetadeDoWidthpx; margin-top:-MetadeDoHeightpx; width:380px; background-color:#ffffff; border:#000000 solid 1px; padding: 10 10 10 10;">

<a href="javascript:fechar()"><font face="tahoma" color="#CC0000" size="2"><b>Fechar</b></font></a><br>
<br>
 
<p align="justify"><font color="#000000" size="2" face="tahoma">Mensagem.</font></p>
<p align="justify"><font size="2" face="tahoma"><b><span class="Estilo2">COMUNICADO</span></b></font><font color="#000000" size="2" face="tahoma"><b><br>
      <br>
  </b>
Comunicamos que no Feriado de 7 de setembro estaremos de plantão, Sábado (04/09) das 09:00 as 19:00 h, Domingo (05/09) das 9:00 as 19:00 h, Segunda (06/09) funcionamento normal, Terça (07/09) das 9:00 as 19:00 h pelo email <strong>email@email.com.br</strong></font></p>
<p align="justify"><font color="#000000" size="2" face="tahoma">Agradecemos a visita e aguardamos seu contato.</font></p>
</font></p>
</div>

O que acha?

 

Obrigado.

 

RJRick.

[William Bruno 1501]

top, right, bottom, left só funcionam com algum position diferente de static

 

(ou seja, position: relative|absolute|fixed)

[Holt 1]

MetadeDoWidth você tem que substituir pelo número respectivo à metade do Width

e

MetadeDoHeight você tem que substituir pelo número respectivo à metade do Height

[Rick RJ 1]

William e Holt,

 

funcionou. Obrigado pela ajuda.

 

Um abraço,

 

RJRick.