Adicionar margens esquerda e direita ou preenchimento ao v4.master personalizado (s4-bodyContainer)?

Question

Como adiciono margens/preenchimento à esquerda e à direita da página mestra, mantendo a barra de rolagem à direita?

Não quero uma página de largura fixa - apenas dimensionando a largura, com margens esquerda e direita.

O problema que vejo é que alguns JavaScript codificam a largura embutida do s4-bodyContainer.Isso elimina qualquer margem/tentativa que eu tente adicionar ao meu CSS (ele transborda direito).

Eu tentei uma largura de 100%! importante sem sorte:

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

Answer 1

Geralmente você encontrará no meu blog tudo o que precisa ser feito: http://www.n8d.at/blog/centered-fixed-width-design-in-sharepoint-2010-the-fast-way/

O que você precisa fazer é:

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) O que você também precisa fazer é mudar:

<div id="s4-workspace">

para:

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

2)

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

precisa ser alterado:

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

Ao definir a classe s4-nosetwidth, o SharePoint não adicionará os javascripts para definir a largura da página.Ainda não experimentei isso, mas deve funcionar.

Answer 2

Peter,

Para isso costumo pegar uma mesa com três <td>, envolva o bodycontainer no meio td para que mesmo que esteja 100% ele não saia do <td>...

e então primeiro e último <td> para ser usado para espaçamento/margens esquerda-direita!dar width=50px para esses dois td's