Revision: 50757
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at September 1, 2011 21:18 by distribuida
Initial Code
/*ESTRUCTURA HTML*/ /* <div id="contenedor"> <div id="centrado">Contenido para alinear verticalmente</div> </div> */ /* -------- USANDO LINE-HEIGHT ------- */ /*Sólo válido para lÃneas de texto*/ #centrado {line-height: 200px;} /* -------- USANDO DISPLAY + VERTICAL-ALIGN ------- */ /*Las dimensiones de la capa se asignan al contenedor*/ #contenedor {display: table; height:200px;} #centrado {display: table-cell; vertical-align: middle;} /* -------- USANDO POSITION + MARGIN ------- */ #contenedor {position: relative;} #centrado { position: absolute; top: 50%; left: 50%; height: 30%; width: 50%; margin: -15% 0 0 -25%;}
Initial URL
http://www.katharsix.com/centrar-verticalmente-con-css-6-formas-diferentes-de-lograrlo
Initial Description
Initial Title
Centrar capas verticalmente
Initial Tags
Initial Language
CSS