Centrar horizontalmente un bloque
La teoría
.centrado {
margin: 0 auto;
width: 6em;
}
Técnica general:
body {
text-align: center; /* ordena centrar todos los elementos de la página */
min-width: 600px; /* previene errores en ventanas estrechas de Mozilla */
}
#bloquecentrado { /* cuerpo principal de la página, lo suelen llamar rap o wrap*/
margin:0 auto; /* centra horizontalmente en todos navegadores menos IE*/
text-align: left; /* alinea a la izda todo; solo bloquegeneral estará centrado */
width:600px; /* anchura deseada para el bloque */
}
Margen negativo:
#bloquecentrado {
position:absolute;
left:50%;
width:500px;
margin-top:50px;
margin-left:-266px; /* (500+15x2+1x2)/2 */
padding:15px;
border:1px dashed #333;
}
Porcentajes
#bloquecentrado {
position: absolute;
width: 60%;
height: 30%;
left: 20%;
top: 35%;
}
Artículos relacionados
Opciones de discusión
Hay 0 comentarios
No hay comentarios aún. Anímate a participar.
Deja un comentario