Adicionar margens esquerda e direita ou preenchimento ao v4.master personalizado (s4-bodyContainer)?
-
10-12-2019 - |
Pergunta
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;
}
Solução
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.
Outras dicas
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