Ajouter des marges ou un remplissage gauche et droit au v4.master personnalisé (s4-bodyContainer) ?

Question

Comment ajouter des marges/remplissage à gauche et à droite de la page maître tout en conservant la barre de défilement à droite ?

Je ne veux pas d'une page à largeur fixe - juste une mise à l'échelle de la largeur, avec des marges gauche et droite.

Le problème que je vois est que certains JavaScript codent en dur la largeur en ligne du s4-bodyContainer.Cela supprime toutes les marges/tentatives que je tente d'ajouter à mon CSS (cela déborde à droite).

J'ai essayé une largeur de 100 % !important sans aucune chance :

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

Answer 1

I Général Vous trouverez tout sur mon blog qui doit être fait: http://www.n8d.at/blog/centered-fixed-width-design-in-sharepoint-2010-the-fast-way/

Ce que vous devez faire est:

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) Ce que vous avez aussi besoin de faire est de changer:

<div id="s4-workspace">

à:

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

2)

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

doit être changé:

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

En définissant la classe S4-NOSETHIDTH SharePoint n'ajoutera pas les Javascripts pour définir la largeur de la page. Je n'ai pas encore essayé cela mais cela devrait fonctionner.

Answer 2

Pierre,

Pour cela, je prends habituellement une table avec trois <td>, enveloppez le bodycontainer au milieu pour que même s'il est à 100 %, il ne sorte pas du <td>...

et puis le premier et le dernier <td> à utiliser pour l'espacement/les marges gauche-droite !donner width=50px à ces deux td