css - 使用 CSS 的 SharePoint Web 部件品牌：标题/标题未与正文对齐

Question

我正在尝试为 SharePoint 网站打造品牌，但在将背景颜色应用于 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

尝试：

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

Answer 3

尝试应用这个，

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

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