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:100px; /* La altura del div debe ser fija */18 margin:-50px auto; /* Desplazo 1/2 de la altura de la caja hacia arriba y centra horizontalmente */19 width:400px;20 border:solid red 1px;21 text-align:center;22 }23
Este ShareCode tiene versiones:
- El div queda centrado tanto vertical co... (11/02/2011)
- El div queda centrado tanto vertical co... (24/04/2013)
- El div queda centrado tanto vertical co... (24/04/2013)
- El div queda centrado tanto vertical co... (24/04/2013)
- El div queda centrado tanto vertical co... (24/04/2013)
- El div queda centrado tanto vertical co... (24/04/2013)
Enlace
El enlace para compartir es: