テーブルが私のtrと同じ幅でないのはなぜですか？

Question

私の最初のテーブルに2番目のテーブルがあります。 2番目のテーブルを最初のテーブルのTRと同じ幅にするにはどうすればよいですか？ 問題をより目立たせるために、コードに色を追加しました。 ここにHTMLをしようとその私の最初の時間を私の混乱をお許しください...

<table width="100%" style="border-collapse: collapse;border-spacing: 0;"> 
    <xsl:if test="NonOriginalArticlesCount"> 
     <xsl:for-each select="NonOriginalArticles/Mail_NewsletterArticle"> 
      <tr> 
       <!--column picture--> 
       <td rowspan="2" style="padding-top: 1.5em; "> 
        ... 
       </td> 
       <!--column name and desc--> 
       <td colspan="3" style="padding-top: 1.5em;"> 
        ... 
       </td> 
       <!--column price--> 
       <td> 
       ...  
       </td> 
      </tr> 
       <!--row alternative--> 
       <tr colspan="2"> 
        <xsl:attribute name="style"> 
        background:black; 
        backgound-color:black; 
        color:<xsl:value-of select="/Mail_Newsletter/Color"/>; 
        padding-bottom:1.5em; 
        </xsl:attribute> 
        <td> 
         <xsl:attribute name="style"> 
         background:yellow; 
         backgound-color:yellow; 
         color:<xsl:value-of select="/Mail_Newsletter/Color"/>; 
         </xsl:attribute> 
         <table width="100%"> 
          <xsl:attribute name="style"> 
          table-layout: fixed 
          width=100%; 
          border: 1px solid; 
          font-size:'14px'; 
          border-collapse: collapse; 
          border-spacing: 0; 
          border-color: <xsl:value-of select="/Mail_Newsletter/Color"/>; 
          background:<xsl:value-of select="/Mail_Newsletter/LighterColor"/>; 
          backgound-color:<xsl:value-of select="/Mail_Newsletter/LighterColor"/>; 
          color:<xsl:value-of select="/Mail_Newsletter/Color"/>; 

          </xsl:attribute> 
          <tr> 
           <td> 
            ... 
           </td> 
          </tr> 
         </table> 
        </td> 
       </tr> 
      </tr> 
     </xsl:for-each> 
    </xsl:if> 
</table> 

Answer 1

のみtd（またはth）はtr要素の子であることができます。 divをtdに置き換え、tableを100％幅に設定します。

  </tr> <!-- close old table row before opening a new one --> 
      <tr colspan="2"> 
       <xsl:attribute name="style"> 
        background:black; 
        backgound-color:black; 
        color:<xsl:value-of select="/Mail_Newsletter/Color"/>; 
        padding-bottom:1.5em; 
       </xsl:attribute> 
       <td> <!-- replaces div --> 
        <xsl:attribute name="style"> 
         background:yellow; 
         backgound-color:yellow; 
         color:<xsl:value-of select="/Mail_Newsletter/Color"/>; 
        </xsl:attribute> 
        <table width="100%">