Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/11/2014, 07:34
mblascog
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 10 meses
Puntos: 4
Centrar div emergente

Buenas,
En un momento dado de la web, quiero visualizar un mensaje emergente que hay que validar.
Para ello he creado una capa que ocupa el 100 del navegador, con color transparente, y en el centro, quiero visualizar el mensaje y esperar que lo confirmen.

El código es el siguiente:
Código HTML:
Ver original
  1. <div style="width:100%;height:100%;background:black;">
  2.             <div style="border:3px solid white;color:white;width:20%;margin:auto;">
  3.                 una prueba de div centrado
  4.             </div>
  5.         </div>

De esta forma, la capa sale centrada horizontalmente, pero no verticalmente. Como tendría que hacerlo? Es que dependiendo del dispositivo en el que se visualize, deberá aparecer en una u otra posición.

Y una segunda pregunta, es posible que el segundo div se redimensiona según su contenido, es decir, como el texto es dinámico y la fuente relativa, el ancho debería ir variando.

Gracias.
__________________
Qué fácil cuando lo sabes y qué difícil cuando no