2012-04-23 7 views
2

divの周りにラップされたdivを持つHTMLページを作成しました。しかし、同じHTMLを使っていくつかのXMLをXSLTで処理すると、あるdivを別のdivより上に置くと、なぜXML/XSLTでこれを行うのだろうか?これらのdivをフォーマットするためのCSSは以下見ることができますXSLTでDIVをラップしました

<?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> 

#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> 
+0

変換するXMLは何ですか? – Treemonkey

+0

XML –

+0

の例で更新されました。ここであなたの問題を完全に理解していません... xsltに問題があり、空のノードを出力しようとしていることが原因である可能性があります。これが問題かどうかを確認するには、ヘッダータグの間に両方のapply-templates部分のあとにランダムなテキストを追加します。 – Treemonkey

答えて

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

あなたが望むものと私には思われますis:

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

ありがとうございます。最終的に私はコードを書き直しました。以前は同じ行にあった別の行に閉じたdivタグを置くだけで動作するように見えました。非常に奇妙な。私が何かを見ていない限り、おそらく気質の良いブラウザでしょうか? –

+0

@DanielShillcock:このソリューションは、 'xsl:apply-templates'をラッパー' div'の中に置きます。あなたの提供されたコードでは、* outside *です。 –

関連する問題