Would anyone give me some hints?
It is OK if I remove all <div> and external js file!
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<title><xsl:value-of select="wtitle"/></title>
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"include/css_lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="include/css_main.css" type="text/css" />
<link rel="stylesheet" href="include/css_niftyCorners.css" type="text/css" />
<link rel="shortcut icon" href="images/chairside2007.ico" />
<script src="include/js/prototype.js" type="text/javascript"></script>
<script src="include/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="include/js/lightbox.js" type="text/javascript"></script>
<script src="include/js_nifty.js" type="text/javascript" ></script>
<script type="text/javascript">
<xsl:comment><![CDATA[
window.onload=function()
{
if(!NiftyCheck()) return;
RoundedTop("div.dock","#fff","#000000");
RoundedBottom("div.dock","#fff","#000000");
}
]]> </xsl:comment>
</script>
</head>
<body>
<div class="contentwrapper"/>
<div class="dock" style="clear:both; background: #000; width:100%; margin-bottom: 2px;"/>
<h2 style="color: #fff;background: #000; padding-left: 10px;">2D Denture with Bone Loss</h2>
</div>
<div style="float:left; width:302px;"/>
<xsl:for-each select="catalog/picture">
<a>
<xsl:attribute name="href"><xsl:value-of select="file"/></xsl:attribute>
<xsl:attribute name="rel"><xsl:value-of select="name"/></xsl:attribute>
<xsl:attribute name="title"><xsl:value-of select="detail"/></xsl:attribute>
<xsl:element name="img">
<xsl:attribute name="src"><xsl:value-of select="file"/></xsl:attribute>
<xsl:attribute name="class">thumbnail</xsl:attribute>
</xsl:element>
</a>
</xsl:for-each>
</div>
<div class="left_content"/>
<img alt="Implant Poster" src="images/ortho/ortho_t.jpg"/>
</div>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
It is OK if I remove all <div> and external js file!
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<title><xsl:value-of select="wtitle"/></title>
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"include/css_lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="include/css_main.css" type="text/css" />
<link rel="stylesheet" href="include/css_niftyCorners.css" type="text/css" />
<link rel="shortcut icon" href="images/chairside2007.ico" />
<script src="include/js/prototype.js" type="text/javascript"></script>
<script src="include/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="include/js/lightbox.js" type="text/javascript"></script>
<script src="include/js_nifty.js" type="text/javascript" ></script>
<script type="text/javascript">
<xsl:comment><![CDATA[
window.onload=function()
{
if(!NiftyCheck()) return;
RoundedTop("div.dock","#fff","#000000");
RoundedBottom("div.dock","#fff","#000000");
}
]]> </xsl:comment>
</script>
</head>
<body>
<div class="contentwrapper"/>
<div class="dock" style="clear:both; background: #000; width:100%; margin-bottom: 2px;"/>
<h2 style="color: #fff;background: #000; padding-left: 10px;">2D Denture with Bone Loss</h2>
</div>
<div style="float:left; width:302px;"/>
<xsl:for-each select="catalog/picture">
<a>
<xsl:attribute name="href"><xsl:value-of select="file"/></xsl:attribute>
<xsl:attribute name="rel"><xsl:value-of select="name"/></xsl:attribute>
<xsl:attribute name="title"><xsl:value-of select="detail"/></xsl:attribute>
<xsl:element name="img">
<xsl:attribute name="src"><xsl:value-of select="file"/></xsl:attribute>
<xsl:attribute name="class">thumbnail</xsl:attribute>
</xsl:element>
</a>
</xsl:for-each>
</div>
<div class="left_content"/>
<img alt="Implant Poster" src="images/ortho/ortho_t.jpg"/>
</div>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>