Unclickable in IE 6
All of my html codes are written to an XSL file. Div body I have a category div with two areas on the left and on the right. On each side I have the same div containing a link, but the link on the right can be clicked and the link on the left is invisible. Someone have the same problem, show me please.
<xsl:for-each select="categories/category">
<div class="Categories-News">
<div class="Categories-News-Title">
<a href="/{@name}">
<xsl:value-of select="@label" />
</a>
</div>
<div class="Categories-News-Left">
<div class="Categories-Top-News">
<div class="Categories-Top-Wrap-Content">
<xsl:if test="article[1]/@image">
<div class="Wrap-Border">
<div class="Wrap-Image">
<img src="{article[1]/@image}-140x120.jpg" width="121" />
</div>
</div>
</xsl:if>
<p class="categories-title">
<a href="{article[1]/@seo-url}">
<xsl:value-of select="article[1]/@title"
disable-output-escaping="yes" />
</a>
</p>
<p>
<a href="{article[1]/@url}" class="edi">
<xsl:value-of select="article[1]/@edition" />
</a>
-
<xsl:value-of select="formater:date(article[1]/@date)" />
</p>
<xsl:value-of select="article[1]/@body"
disable-output-escaping="yes" />
</div>
</div>
<xsl:choose>
<xsl:when test="article[1]/related">
<xsl:for-each select="article[1]/related">
<div class="Relate-Items">
<div class="arrow"></div>
<div class="Linklink">
<a href="{@seo-url}">
<xsl:value-of select="@title" disable-output-escaping="yes" />
</a>
<span>
<a href="{@url}" class="edition">
<xsl:value-of select="@edition" />
</a>
</span>
</div>
</div>
</xsl:for-each>
</xsl:when>
<xsl:otherwise>
<xsl:for-each select="article">
<xsl:if test="position() < 5 and position() > 1">
<div class="Relate-Items">
<div class="arrow"></div>
<div class="Linklink">
<a href="{@seo-url}">
<xsl:value-of select="@title"
disable-output-escaping="yes" />
</a>
<span>
<a href="{@url}" class="edition">
<xsl:value-of select="@edition" />
</a>
</span>
</div>
</div>
</xsl:if>
</xsl:for-each>
</xsl:otherwise>
</xsl:choose>
</div>
<div class="Categories-News-Right">
<xsl:for-each select="article[position() > 4]">
<div class="Relate-Items">
<div class="arrow"></div>
<div class="Linklink">
<a href="{@seo-url}">
<xsl:value-of select="@title" />
</a>
<span>
<a href="{@url}" class="edition">
<xsl:value-of select="@edition" />
</a>
</span>
</div>
</div>
</xsl:for-each>
</div>
</div>
</xsl:for-each>
And I saw that when loading this page in IE 6 I can still click the link on the left, but when its finished loading the page I cannot click the link
0
a source to share
1 answer
I've had similar behavior lately. The problem was that I had a div element with a fixed height / width, but the content was larger than "computed". So, everything outside the specified sizes was shown, but not available for clicks. So try increasing the size of the div if indicated.
0
a source to share