27/07/2011, 09:19
|
| | | Fecha de Ingreso: julio-2011 Ubicación: Málaga
Mensajes: 14
Antigüedad: 13 años, 5 meses Puntos: 3 | |
Respuesta: Centrar div vertical y horizontalmente dentro de otro Cita:
Iniciado por andresdzphp A mi me gusta aprender con ejemplos y aquí te dejo uno de como centrar verticalmente un div.
Código CSS:
Ver original<html> <head> <title>Centrado Vertical con CSS</title> <style type="text/css"> .contenedor { top: 0; left: 0; width: 100%; height: 100%;} .contenedor[class] { position: fixed; display: table;} .centrado { position: absolute; top: 50%;} .centrado[class] { display: table-cell; vertical-align: middle; text-align: center; position: static; } .contenido { width: 200px; height: 200px; border: 1px solid #000; margin: 0 auto; position: relative; top: -50%; } </style> </head> <body> <div class="contenedor"> <div class="centrado"> <div class="contenido"> <p>Centrado vertical y horizontal</p> </div> </div> </div> </body> </html>
Muchas Gracias! :) |