Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Маркированный список криво отображается в IE


Автор: vinograd2008 29.1.2012, 10:43
Здравствуйте. Пытаюсь сделать список в xslt. Выше 1 пункт списка в IE появляется такой же пункт списка только без названия рядом не пойму почему. В случае с маркированными и нумерованными списками работает одинаково.

То есть сейчас получаю такой вывод в IE

1.

1. Самолет
2. Вертолет
3. Пароход
4. Поезд

Как сделать чтобы в IE список шел по порядку без дублирования 1 пункта?

1. Самолет
2. Вертолет
3. Пароход
4. Поезд

Код

<?xml version='1.0' encoding='utf-8'?>
<?xml-stylesheet type='text/xsl' href='stylesheet.xsl'?>
<Root>

  <Statya>
    <Termin>Самолет</Termin>
  </Statya>

  <Statya>
    <Termin>Вертолет</Termin>
  </Statya>

  <Statya>
    <Termin>Пароход</Termin>
  </Statya>

  <Statya>
    <Termin>Поезд</Termin>
  </Statya>

</Root>


Код


.navigation 
{
    background-color: #0099FF;
    position: absolute;
    width: 15%;
    height:100%;
    top:0px;
    left:0px;
    font-size:16pt;
    font-family: "Arial";
    vertical-align:top;
    text-align:center;
    border-right:solid 0px;        
}

.header 
{
    overflow: auto;
    position: relative;
    height: auto;
    width: 85%;
    left:14.17%;
    font-size:22pt;
    font-family: "Arial";
    vertical-align:top;
    text-align:center;
    border-bottom:solid 1px;
    background-color: #FFFF00;
}

.main 
{
    position: relative;
    height: auto;
    width: 85%;
    left:14.17%;
    font-family: "Arial";
    font-size:14pt;
    vertical-align:top;
    text-align:left;
    background-color: #33CCFF;
              overflow: auto;
}



Код

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" indent="yes"
        doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" 
        doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"/>
<xsl:template match="/Tezaurus"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="navigation"> 
<p>Навигация</p>
</div>
 <div class="header"> 
<p>Заголовок</p>
 </div>
 <div class="main">
      <ul type="square" style="list-style-type: square;">
      <xsl:for-each select="Statya[Termin]"> 
       <xsl:variable name="i" select="position()" />
        <xsl:variable name="x">
        <xsl:value-of select="/Root/Statya[position()=$i]/Termin" />
        </xsl:variable>
        <xsl:call-template name="for">
                <xsl:with-param name="i" />
                <xsl:with-param name="n" />
                </xsl:call-template>
     <li> <a href="#{$x}">
           <xsl:value-of select="Termin" />
          </a>
       </li>
    </xsl:for-each>
       </ul>
  </div>
</body>
</html>
</xsl:template> 

<xsl:template name="for">
        <xsl:param name="i" select="position()"/>
        <xsl:param name="n" />
        <xsl:if test="$i &lt; $n">
           <xsl:call-template name="for">
                <xsl:with-param name="i" select="$i+1"/>
                <xsl:with-param name="n" select="$n"/>
           </xsl:call-template>
        </xsl:if>
    </xsl:template>

</xsl:stylesheet>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)