Обернутый DIV в XSLT

Я создал HTML-страницу, которая работает с обернутым div вокруг div. Однако, когда я использую один и тот же HTML для обработки некоторого XML через XSLT, он помещает один div выше другого, может ли кто-нибудь подумать, почему он делает это в XML/XSLT?Обернутый DIV в XSLT

<?xml version="1.0" encoding="utf-8"?> 
<xsl:stylesheet 
       version="1.0" 
       xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
       xmlns:xhtml="http://www.w3.org/1999/xhtml" 
> 


    <!-- Doctype - about:legacy-compat is XML equivalent of HTML5 doctype --> 
    <xsl:output method="html" indent="yes" 
       omit-xml-declaration="yes" 
       doctype-public="about:legacy-compat" 
    /> 

    <xsl:template name="Document" match="/"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>BPD</title> 
<link type="text/css" rel="stylesheet" href="big_picture_documentation_v3.css"/> 
</head> 
<body> 
<div id="container"> 
<div id="floated"> 
<p>WRAP AROUND ME!</p> 
</div> 
<xsl:apply-templates/> 
</div> 
</body> 
</html> 
</xsl:template> 

<xsl:template name="Title" match="title"> 
    <h1> 
    <xsl:apply-templates/> 
    </h1> 
</xsl:template> 
<xsl:template name="subheading" match="subheading"> 
    <h2> 
    <xsl:apply-templates/> 
    </h2> 
</xsl:template> 

</xsl:stylesheet>

CSS-форматирования эти дивы можно увидеть ниже:

#container { margin: 5px;padding: 5px;border: 0px solid black;} 
#floated { width: 227x;float: left;padding-right: 5px;padding-bottom: 10px;}

Пример XML:

<?xml version="1.0" encoding="utf-8"?> 
<?xml-stylesheet type="text/xsl" href="v3.xsl" ?> 
<document xmlns:xhtml="http://www.w3.org/1999/xhtml"> 
    <data id="HowToUse" type="example" status="Complete"> 
    <content> 
    <title>How To Navigate This Guide</title> 
    <subheading>Using This Documentation</subheading> 

    </content> 
    </data> 

</document>

источник

2012-04-23 Daniel Shillcock

Что такое xml, который вы трансформируете? – Treemonkey

Обновлен с помощью примера XML –

. Я не полностью понимаю вашу проблему здесь ... Возможно, это связано с тем, что существует проблема с xslt и его попытка вывести пустой узел. чтобы увидеть, если это проблема, добавьте некоторый случайный текст после обеих частей шаблона-шаблона между тегами заголовка. – Treemonkey

<div id="container"> 
<div id="floated"> 
<p>WRAP AROUND ME!</p> 
</div> 
<xsl:apply-templates/> 
</div>

Мне кажется, что то, что вы хотите это:

<div id="container"> 
<div id="floated"> 
    <p>WRAP AROUND ME!</p> 
    <xsl:apply-templates/> 
</div> 
</div>

источник

2012-04-23 12:19:28

Спасибо за ответ. В конце концов я переписал код, и он, похоже, работал с единственным разным размещением закрывающего тега div на отдельной строке, где он был ранее на той же строчке. Очень странно. Если я не посмотрел что-то - может быть, просто темпераментный браузер? –

@ DanielShillcock: Это решение помещает 'xsl: apply-templates' внутри оболочки' div'. В вашем предоставленном коде это * вне *. –

Обернутый DIV в XSLT

ответ

Смежные вопросы