css - CSSを使用したSharePointWebパーツのブランディング：タイトル/ヘッダーが本文と一致していません

Question

SharePoint Webサイトをブランド化しようとしていますが、Webパーツのタイトル領域と本文に背景色を適用すると、いくつかのWebパーツで問題が発生します。背景色を適用すると、タイトルと本文の領域が正しく整列しません（下のリンクされた画像を参照）。私はCSSとSharePointのブランディングに比較的慣れていないので、明らかな何かが欠けていると確信しています。これを端の周りで見栄えよくきれいにするためにどんな助けでも大いに感謝されるでしょう。

画像： http： //imageshack.us/photo/my-images/62/webpart.png/

上記のWebパーツに適用されているコード：

.RightZone .ms-WPHeader TD {
background: #6a7f10;
margin: 0;
padding: 0;
border: 1px #6a7f10 solid;
}
.RightZone .ms-WPBody 
{
 background-color:#e1e5cf;}

エッジを揃える方法についての入力をいただければ幸いです。繰り返しになりますが、おそらく簡単な答えですが、オンラインで検索しても見つかりませんでした。

ありがとう！！

Answer 1

これを試してください：

<table>
    <tr>
         <td class="ms-WPHeader"> This is Title </td>
    </tr>
     <tr>
         <td class="ms-WPBody "> This is body </td>
     </tr>
</table>

.ms-WPHeader {
    background: #6a7f10;
    margin: 0;
    padding: 0;
    border: 1px #6a7f10 solid;
 }
.ms-WPBody {
    background-color:#e1e5cf;

}

参照: http://jsfiddle.net/rathoreahsan/WtWqX/10/

Answer 2

これを適用してみてください、

.ms-WPHeader {
    background: #6a7f10;
    margin: 0;
    padding: 0;
    border: 1px #6a7f10 solid;
}

.ms-rtestate-field {
    background: #e1e5cf;
}

Answer 3

試す：

.RightZone .ms-WPBody {
 background-color:#e1e5cf;
 margin: 0;
}