1 HTML {2 height:100%; /* Le permite al navegador calcular el alto total */3 overflow:hidden; /* Evita que aparezcan barras de scroll al hacer la ventana muy pequeña */4 }5 6 BODY {7 height:100%; /* Le permite al navegador calcular el alto total */8 margin:0px; /* Elimina los márgenes */9 }10 11 .separador {12 height:50%; /* ocupa el 50% de la pantalla */13 background-color:silver;14 }15 16 .cuadrado {17 height:480px; width:774px; /* La altura del div debe ser fija */18 margin:position:absolute; top:50%; left:50%;margin-top:-240px; margin-top:-240px; margin-left:-387px; /* Desplazo 1/2 de la altura de la caja hacia arriba y centra horizontalmente */19 border:solid red 1px;20 text-align:center;21 }22 Este ShareCode tiene versiones:
- El div queda centrado tanto vertical com... (03/02/2011)
- El div queda centrado tanto vertical com... (24/04/2013)
- El div queda centrado tanto vertical com... (24/04/2013)
- El div queda centrado tanto vertical com... (24/04/2013)
- El div queda centrado tanto vertical com... (24/04/2013)
- El div queda centrado tanto vertical com... (24/04/2013)
Enlace
El enlace para compartir es: