Utilizamos cookies propias y de terceros para mejorar la experiencia de navegación, y ofrecer contenidos y publicidad de interés.
Al continuar con la navegación entendemos que se acepta nuestra política de cookies.
Iniciar sesión Cerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta

CSS - Centrar un div

Titulo:local

Centrar un div

Lenguaje:CSS
Código que muestra como centrar un div en el centro de la pantalla, tanto verticalmente como horizontalmente.
Probado en IE 5,6,7, Firefox 2 y Opera 9.
NOTA: Ver un Ejemplo

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN"> <!--http://www.lawebdelprogramador.com--> <html> <body> <head> <title>div centrado verticalmente y horizontalmente</title> <style type="text/css"> .centrar { position: absolute; /*nos posicionamos en el centro del navegador*/ top:50%; left:50%; /*determinamos una anchura*/ width:400px; /*indicamos que el margen izquierdo, es la mitad de la anchura*/ margin-left:-200px; /*determinamos una altura*/ height:300px; /*indicamos que el margen superior, es la mitad de la altura*/ margin-top:-150px; border:1px solid #808080; padding:5px; } </style> </head> <body> <h1>div centrado verticalmente y horizontalmente</h1> <div class='centrar'> div centrado </div> </body> </html>

Escuelas de especialización tecnológica