How do remove space at top of web part zone?

Question

In my SharePoint Foundation site, I have a page with Text Layout set to "One column with sidebar". The left-hand column has a list web part, as does the right-hand column. However, the web part in the right-hand column is aligned to the top of the column, and the left-hand column has a space above the web part. I edit the HTML Source, and there is nothing above the div tag. How do I get rid of the space?

Answer 1

Out of the box both columns allow the Webpart to go to the top. It's very easy to get a web part in the left wrapped in a <h1>, but if you make sure to edit the HTML source of both columns so that they start with the <div class="ms-rtestate-read ms-rte-wpbox" contenteditable="false"> then they should align unless you have something in your theme/masterpage that offsets them.

If you look at the two columns in IE developer tools then the content of the divs with class ms-rte-layoutszone-inner should start the same way.

Answer 2

I had a similar issue a couple weeks ago and had to add some css to my page to fix it. It seems that different ms-rtestate classes are applied to different Web Parts and end up with slight differences in the layout.

I doubt that my specific fix will work in your case, but here it is as a reference:

ms-rtestate-field table {
    border-collapse: separate!important;
}