如何讓bgcolored td伸展以適合

處理需要在Outlook 365中工作的模板。不知道爲什麼橙色線不伸展以填充空間。這是一個HTML電子郵件，所以不能使用Divs。如何讓bgcolored td伸展以適合

Codepen： http://codepen.io/leongaban/pen/HkDyx

enter image description here

<td style="100%" height="1"> 
    <table width="100%" cellpadding="0" cellspacing="0" border="0"> 
    <tr><td width="100%" height="1" bgcolor="#f67b1e"></td></tr> 
    </table> 
    <!-- <hr style="width: 100%; border-right: 0; border-left: 0; border: 1px solid #f67b1e;"> --> 
</td>

來源

2013-10-25 Leon Gaban

在這裏你去只是有申報的那些行

<table width="600" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td colspan="3" height="20" bgcolor="gray"></td> 
    </tr> 

    <tr id="wants_an_intro" style="font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; color:#006497; text-align:center; font-size:24px; color: #f67b1e; width: 100%;"> 

    <td style="width:30%" height="1"> <!-- width:30% --> 
     <table width="100%" cellpadding="0" cellspacing="0" border="0"> 
     <tr><td width="100%" height="1" bgcolor="#f67b1e"></td></tr> 
     </table> 
     <!-- <hr style="width: 100%; border-right: 0; border-left: 0; border: 1px solid #f67b1e;"> --> 
    </td> 

    <td style="font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:1em; color:#f67b1e;">wants an intro to</td> 

    <td style="width:30%" height="1"> <!-- width:30% --> 
     <table width="100%" cellpadding="0" cellspacing="0" border="0"> 
     <tr><td width="100%" height="1" bgcolor="#f67b1e"></td></tr> 
     </table> 
     <!-- <hr style="width: 100%; border-right: 0; border-left: 0; border: 1px solid #f67b1e;"> --> 
    </td> 

    </tr> 

    <tr> 
    <td colspan="3" height="20" bgcolor="gray"></td> 
    </tr> 
</table>

或寬度--------

<table width="600" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td colspan="3" height="20" bgcolor="gray"></td> 
    </tr> 

    <tr id="wants_an_intro" style="font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; color:#006497; text-align:center; font-size:24px; color: #f67b1e; width: 100%;"> 

    <td width="30%" style="" height="1"> 
     <table width="100%" cellpadding="0" cellspacing="0" border="0"> 
     <tr><td width="100%" height="1" bgcolor="#f67b1e"></td></tr> 
     </table> 
     <!-- <hr style="width: 100%; border-right: 0; border-left: 0; border: 1px solid #f67b1e;"> --> 
    </td> 

    <td style="font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:1em; color:#f67b1e;">wants an intro to</td> 

    <td width="30%" style="" height="1"> 
     <table width="100%" cellpadding="0" cellspacing="0" border="0"> 
     <tr><td width="100%" height="1" bgcolor="#f67b1e"></td></tr> 
     </table> 
     <!-- <hr style="width: 100%; border-right: 0; border-left: 0; border: 1px solid #f67b1e;"> --> 
    </td> 

    </tr> 

    <tr> 
    <td colspan="3" height="20" bgcolor="gray"></td> 
    </tr> 

</table>

來源

2013-10-25 16:15:08

OMG，我想我做了......這是我得到工作超級遲到的大聲笑，謝謝你 –