Agregar márgenes izquierdo y derecho o relleno a la personalización v4.master (S4-BodyContainer)?

Question

¿Cómo agrego márgenes / acolchado a la izquierda y derecha de la página maestra, al mismo tiempo que conserva la barra de desplazamiento a la derecha?

No quiero una página de ancho fijo, solo ancho de escalado, con márgenes izquierdo y derecho.

El problema que veo es que algunos conectores de JavaScript dañan el ancho en línea del bodycontainer de S4.Esto arroja cualquier márgenes / intento que intento agregar a mi CSS (se desborda a la derecha).

¡He intentado un ancho 100%! Importante sin suerte:

#s4-bodyContainer
{
    margin-left: 50px;
    margin-right: 50px; 
    width: 100% !important;
}

Answer 1

i General Encontrará todo en mi blog que debe hacerse: http://www.n8d.at/blog/centered-fixed-width-design-in-sharepoint-2010-the-fast-way/

Lo que necesita hacer es:

div.s4-title.s4-lp,
 body #s4-mainarea,
 #s4-topheader2,
 #s4-statusbarcontainer{
     margin: 50px;
     padding: 0px;
     float: none;
     background-image: none;
     background-color: white;
}

1) Lo que usted también debe hacer es cambiar:

<div id="s4-workspace">

a:

<div id="s4-workspace" class="s4-nosetwidth">

2)

<div id="s4-titlerow" class="s4-pr s4-notdlg s4-titlerowhidetitle">

necesita ser cambiado:

<div id="s4-titlerow" class="s4-pr s4-notdlg s4-titlerowhidetitle s4-nosetwidth">

Al configurar el s4-nosetwidth Class SharePoint no agregará los Javascripts para configurar el ancho de la página. No he probado esto todavía, pero debería funcionar.

Answer 2

Peter,

Para esto, por lo general, tomo una mesa con tres <td>, envuelva el bodycontainer en el TD medio para que incluso si su 100% no se extiende fuera del <td> ...

y luego primero y último <td> para ser utilizado para márgenes de espaciado / izquierda-derecha!Dale a width=50px a estos dos TD