Comunidad de Programadores
LWP
>>
Código Fuente
>>
CSS
>> Descarga
Información
Cursos y Manuales
Biblioteca de Temas
Código Fuente
Diccionario
Noticias/Artículos
Encuestas/Estadísticas
Servicios
Foros de Consulta
Preguntas/Respuestas
Tablón de Notas
Iconos y Cursores
Programadores
Programadores
Ofertas de Trabajo
Lista de Correo
Programas
Programas/Utilidades
Nuestros Programas
Solicitudes
Buscar
Buscador para Prog.
Direcciones Interés
Otros
Mercadillo
Chat
Colaboradores
Contactar
Centrar un div
Titulo:
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.
Votar
[9.50 / 6 votos] - Visitas 73.662
Comentarios: 9
100%
0%
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>
Todos sobre CSS en su foro...
100% 
0%
[9.50 / 6 votos] - Visitas 73.662