Брендинг веб-части SharePoint с помощью CSS: заголовок / заголовок не совпадают с Body

Question

Я пытаюсь маркировать веб-сайт SharePoint, но у меня возникла проблема с парой веб-частей при применении цветов фона к области заголовка веб-частей и основной части. При применении цветов фона области заголовка и тела не выравниваются должным образом (см. Связанное изображение ниже). Я относительно новичок в брендинге CSS и SharePoint, и я уверен, что мне не хватает чего-то очевидного. Любая помощь будет очень признательна, чтобы это выглядело красиво и чисто по краям.

Изображение: http://imageshack.us/photo/my-images/62/webpart.png/

Код, применяемый к указанной веб-части:

.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;
}