Aggiungi margini a sinistra ea destra o imbottitura su personalizzati V4.master (S4-BodyContainer)?

Question

Come posso aggiungere margini / imbottitura a sinistra ea destra della Pagina principale pur mantenendo la barra di scorrimento a destra?

Non voglio una pagina a larghezza fissa - solo larghezza di ridimensionamento, con margini sinistro e destro.

Il problema che vedo è che alcuni codici hard javascript la larghezza in linea del BodyContainer S4.Questo genera eventuali margini / tentativo che tento di aggiungere al mio CSS (it ffotflow destro).

Ho provato una larghezza del 100%! Importante senza fortuna:

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

.

Answer 1

I Generale Troverai tutto sul mio blog che deve essere fatto: http://www.n8d.at/blog/centerred-fixed-width-design-in-sharepoint-2010--fast-way/

.

Cosa devi fare è:

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) Ciò che fai anche per fare è cambiare:

<div id="s4-workspace">

.

A:

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

.

2)

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

.

deve essere modificato:

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

.

Impostazione della classe S4-Nosetwidth Class SharePoint non aggiungerà i javascript per impostare la larghezza della pagina. Non ho ancora provato, ma dovrebbe funzionare.

Answer 2

Peter,

Per questo prendo di solito un tavolo con tre generatoritagcode, avvolgono il BodyContainer nel TD medio in modo che anche se il suo 100% non rimane all'esterno del <td> ...

E poi prima e ultimo <td> da utilizzare per i margini spaziali / sinistra!Dare <td> a questi due TD