Question

希望我能在第二眼看到这个，我很难过。

这个XSL产生了三个我无法弄清楚的问题。 1.在谷歌浏览器上，它按预期显示在浏览器的中心。在IE 8中，（我们仍在使用它），整个事物显示左对齐。 2.用于显示在中心的Adobe.gif图像链接，现在它左对齐。 3.页面容器看起来使用其他页面上的相同设置（html / css）向下运行。

好像我错过了某个地方的结束标签，但我找不到它。我唯一能想到的是css无法正常工作？

我不确定我是否记得看到css在xslt中不起作用？我处理过adobe.gif问题，我尝试了一个style =“”标签和一个标签。

<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" indent="yes"/>

<xsl:template match="/dataroot">
   <html>
   <head>
      <title>Intranet</title>
      <script type="text/javascript"  src="../../../scripts/jquery-1.11.1.min.js"></script>
      <link rel="stylesheet" type="text/css" href="../../../css/tacamo.css"/>
   </head>
   <body>
      <div id="page-container" style="margin: auto">
         <div id="header-container">
            <img src="../images/elements/header.png" alt="" width="1000" align="middle"/>
         </div> <!-- /Header Container-->
         <div id="nav-container">
            <div id="menu">
               <script>
                  $(document).ready(function()
                     {$("#menu").load("../includes/instructions-menu.txt");}
                  );
               </script>
            </div> <!-- /Menu Container-->
         </div> <!-- /Navigation Container -->
         <div id="instructions-content-container">
         <table class="instructions" align="center">
         <tr>
            <th style="width: 75px; text-align: center;">Instruction Number</th>
            <th style="width: 75px; text-align: center;">Date</th>
            <th style="width: 25px; text-align: center;">COG</th>
            <th style="width: 500px">Description</th>
            <th style="width: 50px; text-align: center;">Open</th>
         </tr>
         <xsl:for-each select="tblInstructions">
         <xsl:sort select="i_num"/>
         <tr>
         <xsl:attribute name="style">
         <!-- Sets Even Rows Blue -->
         <xsl:if test="position() mod 2 = 0">
            background-color: #C0D0E0;
         </xsl:if>
         <!-- Sets Odd Rows White -->
         <xsl:if test="position() mod 2 = 1">
            background-color: #FFFFFF;
         </xsl:if>
         </xsl:attribute>
            <td style="width: 75px"><xsl:value-of select="i_num"/></td>
<!-- XSLT 1.0 / XPATH String Function Hack Job to get the Dates to drop ISO 8601 format -->
<!-- Future - Update Hackjob to display in military format DDMMMYY 01JAN14 -->
            <td style="width: 75px; text-align: center;">
        <xsl:variable name="dt" select="i_date"/>
                <xsl:value-of select="concat(
                      substring($dt, 6, 2),
                      '/',
                      substring($dt, 9, 2),
                      '/',
                      substring($dt, 1, 4)
                      )"/>
            </td>
            <td style="width: 25px; text-align: center;"><xsl:value-of select="i_cog"/></td>
            <td style="width: 500px"><xsl:value-of select="i_desc"/></td>
            <td style="width: 25px"><a href="{i_loc}" target="_blank"><img src="../images/elements/pdf-logo.gif" height="25" width="25" border="0" /></a></td>
         </tr>
          </xsl:for-each>
      </table>
         </div> <!-- /Instructions Content Container -->
         <div id="footer-container">
            <script>
               $(document).ready(function()
                  {$("#footer-container").load("../includes/admin-footer.txt");}
               );
            </script>
         </div> <!-- /Footer Container -->

      </div> <!-- /Page Container -->
   </body>
</html>
</xsl:template>
</xsl:stylesheet>

Answer 1

尝试通过替换

将IE置于符合标准的模式

<xsl:output method="html" indent="yes"/>

与

<xsl:output method="html" indent="yes" version="4.01"
  doctype-system="http://www.w3.org/TR/html4/strict.dtd"
  doctype-public="-//W3C//DTD HTML 4.01//EN"/>

集中XSLT，CSS＆amp; XSLT（第二组眼睛）

1 个答案: