DocBook XSLT 2.0 Stylesheet output: informaltable.017.xml

Expected (7 differences)Actual (1 differences)
<html>
   <head>
      <link href="../../resources/css/db-prism.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/default.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/prism.css" rel="stylesheet" type="text/css"/>
      <meta charset="utf-8"/>
      <meta content="DocBook XSL 2.0 Stylesheets Vxxx" name="generator"/>
      <script src="../../resources/js/dbmodnizr.js" type="text/javascript"/>
      <title>Unit Test: informaltable.017</title>
   </head>
   <body>
      <article class="article" id="R.1">
         <header class="article-titlepage">
            <h2>Unit Test: informaltable.017</h2>
            <div class="author">
               <h3>
                  <span class="personname">
                     <span class="firstname">Adam</span>
                     <span class="surname">Di Carlo</span>
                  </span>
               </h3>
            </div>
         </header>
         <p>Row valign test.</p>
         <figure class="informaltable-wrapper" id="informaltable">
            <div class="informaltable">
               <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; ">
                  <colgroup>
                     <col class="tcol1" width="50%"/>
                     <col class="tcol2" width="50%"/>
                  </colgroup>
                  <tbody>
                     <tr valign="top">
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; " valign="top">
                           <p>Para one.</p>
                           <p>Para two.</p>
                        </td>
                        <td style="border-bottom: 1px solid ; " valign="top">Top align me.</td>
                     </tr>
                     <tr valign="middle">
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; " valign="middle">
                           <p>Para one.</p>
                           <p>Para two.</p>
                        </td>
                        <td style="border-bottom: 1px solid ; " valign="middle">Middle align me.</td>
                     </tr>
                     <tr valign="bottom">
                        <td style="border-right: 1px solid ; " valign="bottom">
                           <p>Para one.</p>
                           <p>Para two.</p>
                        </td>
                        <td valign="bottom">Bottom align me.</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>This one should look the same, we use valign setting on the tbody.</p>
         <figure class="informaltable-wrapper" id="R.1.5">
            <div class="informaltable">
               <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; ">
                  <colgroup>
                     <col class="tcol1" width="50%"/>
                     <col class="tcol2" width="50%"/>
                  </colgroup>
                  <tbody valign="top">
                     <tr>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">
                           <p>Para one.</p>
                           <p>Para two.</p>
                        </td>
                        <td style="border-bottom: 1px solid ; ">Top align me.</td>
                     </tr>
                     <tr valign="middle">
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; " valign="middle">
                           <p>Para one.</p>
                           <p>Para two.</p>
                        </td>
                        <td style="border-bottom: 1px solid ; " valign="middle">Middle align me.</td>
                     </tr>
                     <tr valign="bottom">
                        <td style="border-right: 1px solid ; " valign="bottom">
                           <p>Para one.</p>
                           <p>Para two.</p>
                        </td>
                        <td valign="bottom">Bottom align me.</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
      </article>
      <script src="../../resources/js/prism.js"/>
   </body>
</html>
<html>
   <head>
      <link href="../../resources/css/db-prism.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/default.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/prism.css" rel="stylesheet" type="text/css"/>
      <meta charset="utf-8"/>
      <meta content="DocBook XSL 2.0 Stylesheets Vxxx" name="generator"/>
      <script src="../../resources/js/dbmodnizr.js" type="text/javascript"/>
      <title>Unit Test: informaltable.017</title>
   </head>
   <body>
      <article class="article" id="R.1">
         <header class="article-titlepage">
            <h2>Unit Test: informaltable.017</h2>
            <div class="author">
               <h3>
                  <span class="personname">
                     <span class="firstname">Adam</span>
                     <span class="surname">Di Carlo</span>
                  </span>
               </h3>
            </div>
         </header>
         <div class="content">
            <p>Row valign test.</p>
            <figure class="informaltable-wrapper" id="informaltable">
               <div class="informaltable">
                  <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; ">
                     <colgroup>
                        <col class="tcol1" width="50%"/>
                        <col class="tcol2" width="50%"/>
                     </colgroup>
                     <tbody>
                        <tr valign="top">
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; " valign="top">
                              <p>Para one.</p>
                              <p>Para two.</p>
                           </td>
                           <td style="border-bottom: 1px solid ; " valign="top">Top align me.</td>
                        </tr>
                        <tr valign="middle">
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; " valign="middle">
                              <p>Para one.</p>
                              <p>Para two.</p>
                           </td>
                           <td style="border-bottom: 1px solid ; " valign="middle">Middle align me.</td>
                        </tr>
                        <tr valign="bottom">
                           <td style="border-right: 1px solid ; " valign="bottom">
                              <p>Para one.</p>
                              <p>Para two.</p>
                           </td>
                           <td valign="bottom">Bottom align me.</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>This one should look the same, we use valign setting on the tbody.</p>
            <figure class="informaltable-wrapper" id="R.1.5">
               <div class="informaltable">
                  <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; ">
                     <colgroup>
                        <col class="tcol1" width="50%"/>
                        <col class="tcol2" width="50%"/>
                     </colgroup>
                     <tbody valign="top">
                        <tr>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">
                              <p>Para one.</p>
                              <p>Para two.</p>
                           </td>
                           <td style="border-bottom: 1px solid ; ">Top align me.</td>
                        </tr>
                        <tr valign="middle">
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; " valign="middle">
                              <p>Para one.</p>
                              <p>Para two.</p>
                           </td>
                           <td style="border-bottom: 1px solid ; " valign="middle">Middle align me.</td>
                        </tr>
                        <tr valign="bottom">
                           <td style="border-right: 1px solid ; " valign="bottom">
                              <p>Para one.</p>
                              <p>Para two.</p>
                           </td>
                           <td valign="bottom">Bottom align me.</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
         </div>
      </article>
      <script src="../../resources/js/prism.js"/>
   </body>
</html>
The “current” CSS styling is applied to the this entire document; the results in this column may be anomalous. Also, image links are broken in this column. 

Unit Test: informaltable.017

Adam Di Carlo

Row valign test.

Para one.

Para two.

Top align me.

Para one.

Para two.

Middle align me.

Para one.

Para two.

Bottom align me.

This one should look the same, we use valign setting on the tbody.

Para one.

Para two.

Top align me.

Para one.

Para two.

Middle align me.

Para one.

Para two.

Bottom align me.

Unit Test: informaltable.017

Adam Di Carlo

Row valign test.

Para one.

Para two.

Top align me.

Para one.

Para two.

Middle align me.

Para one.

Para two.

Bottom align me.

This one should look the same, we use valign setting on the tbody.

Para one.

Para two.

Top align me.

Para one.

Para two.

Middle align me.

Para one.

Para two.

Bottom align me.

XML source