Loading ...
Sorry, an error occurred while loading the content.

XSL + YUI data overflow

Expand Messages
  • aravind dinakar
    Hi, I am trying to use yui grids inside an XSL. XSL code block and style sheet are attached at the end of the mail. I have this problem of having a small
    Message 1 of 1 , Jul 1, 2009
    • 1 Attachment
    • 113 KB
    Hi,

    I am trying to use yui grids inside an XSL. XSL code block and style sheet are attached at the end of the mail.

    I have this problem of having a small border but the content goes outside of the border.
    I expected the contents of //items to be inside the border but I get content which is outside of the border.
    When I use firefox/firebug extension to verify the generated output, each of the yui-u blocks are positioned inside the border but it's the contents from each of the yui-u block that go outside of the border.
    Output is attached with this mail.

    Is there something I am doing wrong. Any pointers would help

    Thanks & Regards,
    Dinakar

    --------------XSL block------------------
    <xsl:template match="List">
        <div class="Border" style="padding-bottom:0.2em;">
            <div class="Title" style="padding-left:0.3em">
                <xsl:value-of select="//title"/>&#160;&#160;
                <xsl:value-of select="//link" disable-output-escaping="yes" />
            </div>
                  <xsl:apply-templates select="//items"/>
        </div>
       </xsl:template>

       <xsl:template match="items">
            <div class="Text">
                <div class="yui-gf" style="width:100%; padding:1px;">
                    <div class="yui-u first">
                       <strong><a href="{url}"><xsl:value-of select="date"/></a></strong>
                    </div>                
                    <div class="yui-u" style="float:left">
                        <strong>
                            <a href="{url}"><xsl:value-of select="text" /></a>
                            Random text to lengthen content
                        </strong>
                    </div>
                </div>        
                <br />    
            </div>            
    </xsl:template>
    --------------------------------------------------------
    CSS properties of Border, Title, Text classes
Your message has been successfully submitted and would be delivered to recipients shortly.