css - 使用 CSS : Title/Header not lining up with Body 的 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/