Centrar contenido en pantalla
Hace algunos días a mi cliente se le ocurrió que quería ver la pantalla de su sitio centrada. Después de buscar y buscar encontré este código CSS que funcionó bien:
#contenedor{
position: relative;
width: 100px;
min-height: 500px;
margin-left: auto;
margin-right: auto;
clear: both;
background: #fff;
overflow: inherit; /* esto genera el scroll si se necesita */
}
Por ejemplo, en la plantilla v4.master apliqué este estilo al elemento con id s4-bodyContainer. Así centró el contenido (recuadro azúl) pero no afectó el ribbon del SharePoint (en rojo):
#contenedor{
position: relative;
width: 100px;
min-height: 500px;
margin-left: auto;
margin-right: auto;
clear: both;
background: #fff;
overflow: inherit; /* esto genera el scroll si se necesita */
}
Por ejemplo, en la plantilla v4.master apliqué este estilo al elemento con id s4-bodyContainer. Así centró el contenido (recuadro azúl) pero no afectó el ribbon del SharePoint (en rojo):
Comentarios
Publicar un comentario