Nested Component

work4u

I have components like the follows:

<div id="mainwrap" style="float:left;">
<div id="one" style="display:block;background-color:#FF0000;height:100px;">left</div>
<div id="two" class="left" style="display:block;">left</div>
</div>
<div id="sidebarwrap" style="float:right;">
<div id="three" class="right" style="display:block;">right</div>
<div id="four" style="display:block;background-color:#FF0000;">right</div>
</div>

As you can see I need to contain the two components in an outer div, which I can accomplish using a custom page-layout. However I am not able to get it working.

I am trying to go through the component and match the div id so I can add the appropriate outer div container. I am using the following to match


<xsl:template match="Layout">
<xsl:for-each select="//ContainerProperties">
<xsl:variable name="ComponentID" select="@ComponentID"/&gt;
<xsl:copy-of select="/Page/ComponentData/Component[@ID = $ComponentID]/div[@id='one']"/>
</xsl:for-each>
</xsl:template>
</xsl:stylesheet>


Its not working. Any ideas or help.

Thanks

work4u

Please anybody with any ideas. Appreciate the help.