On our SharePoint 2010 Enterprise environment, every page is having some strange behavior with the web part zones. In Edit mode, it essentially looks like this:
In non-edit mode, it looks even worse as text and document library columns are getting hidden underneath the adjacent web part zones. What in the world is going on here?
We tried the suggestions on this blog to add CSS margins and padding to the class "MS-SPzone", but this has no effect if a web part has several columns in a list view (still overlaps).
EDIT: Note that this is a page template based on a custom Page Layout, and that Page Layout uses some custom CSS as well, all made by a 3rd party, which is likely why this problem is occurring in the first place (I assume that SP default page layouts do not overlap zones like ours do!)
EDIT: Here is what I think may be the relevant custom CSS for the page layout (non-edit-mode)
.col-50
{
float: left;
width: 49.9%;
}
.col-fluid-1
{
float: none;
width: 100%;
margin-right:auto;
}
.col-fluid-2
{
zoom: 1;
margin-right: 215px;
}
.right-wp-zone-col
{
float: right;
width: 200px;
border-left: 0 solid transparent;
}
.edit-mode-border
{
border:transparent 1px solid;
padding:8px;
margin:1px;
}