左右のマージンを追加するか、カスタムv4.master（S4-BodyContainer）に追加しますか？

Question

右側のスクロールバーをまだ保持しながら、マスターページの左右に余白/埋め込みを追加する方法を教えてください。

私は固定幅のページを望んでいません - 左右のマージンを持つ幅のない幅だけです。

問題の問題は、いくつかのJavaScriptがS4-BodyContainerのインライン幅をハードコードすることです。これは、私のCSSに追加しようとしたマージン/試みをスローします（右オーバーフロー）

私は100％の幅を試しました！運がいなくても重要：

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

.

Answer 1

私は全般的に行う必要がある私のブログですべてを見つけるでしょう。 http://www.n8d.at/blog/centered-fixed-width-design-in-sharePoint-2010-the-fast-way/

あなたがするべきものは：

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）あなたも何をするべきかは変わります：

<div id="s4-workspace">

.

to：

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

.

2）

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

.

変更する必要があります。

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

.

S4-NoSetWidthクラスSharePointを設定すると、ページの幅を設定するためのJavaScriptが追加されません。 私はまだこれを試してみませんが、働くべきです。

Answer 2

Peter、

これで私は通常、3つの<td>を含むテーブルを撮影し、Middle TDでBodyContainerを巻き付けて、100％が<td>の外側には発生しないように...

と最後の<td>を間隔/左右のマージンに使用する！これら2つのTDのにwidth=50pxを与える