Everything is ok in edit mode, for what ever additional wrapper reasons:
but when I click my way out of edit mode, the page breaks:
In FireBug, I added a </div> tag to the page's source code (which is perfectly ok when no CQWP is added to the page) and this fixes the problem:
In real life, this obviously won't do. So as a workaround, I added a table element to the Page Layout code, inside the div-elements as a wrapper for the web part zones:
<div id="rightcolumn">
<table width="100%"><tr><td>
<div class="ms-webpart-zone ms-fullWidth">
...
</div>
</td></tr></table>
</div>
Not an especially pretty insert, but the easiest fix I came up with for now.
4 comments:
Another fixed we found was to implement tags around each web part zone div.
Thought this is a new HTML5 tag so it may only be supported in newer browsers. If you are trying to suport anything older it may pay run with the table fix as stated above.
Cheers
Well it edited out the tags in my last post but it was meant to be section tags
In My case, I noticed that the problem was a -tr- without a td on ItemStyle. Seems to be the normal behavior, SharePoint provide us a row -tr- and let us implement how many -td- we want.
So on ItemStyle, right after the template declaration, I put a -td- content -/td-
-!-- My Custom ItemStyle ---
-xsl:template name="MyItemStyle"-
-td- -!-- here ---
-xsl:value-of select="@Content" disable-output-escaping="yes"/xsl:value-of
/td
/xsl:template
It solved my problem perfectly.
ps: it was working well on SharePoint 2010. The layout problem came after migrate to SP 2013.
I removed all the tags because is not permmited on this comment.
Good readiing your post
Post a Comment