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):

Comentarios

Entradas populares de este blog

Mostrar la TRM en un sitio Web

Redirección HTML

Los Metadatos en SharePoint