VML 텍스트 상자 내에서 오른쪽으로 테이블 정렬 ???

Question

누구든지 VML 텍스트 상자 내에서 바로 테이블을 정렬하는 방법을 알고 있습니까?

을 Heres하고 코드

<table width="600" border="0" cellpadding="0" cellspacing="0" align="center"> 
    <tr> 
     <td bgcolor="#DDDDDD" style="background-image: url('http://i.imgur.com/XCnBXwP.png');" background="http://i.imgur.com/XCnBXwP.png" height="92" valign="top"><!--[if gte mso 9]> 
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:92px;"> 
    <v:fill type="tile" src="http://i.imgur.com/XCnBXwP.png" color="#7bceeb" /> 
    <v:textbox inset="0,0,0,0"> 
    <![endif]--> 

      <div> 
       <table width="300" border="0" cellpadding="0" cellspacing="0" align="right"> 
        <tr> 
         <td bgcolor="#FF00FF" align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;"> | This is test text | </td> 
        </tr> 
       </table> 
      </div> 

      <!--[if gte mso 9]> 
    </v:textbox> 
    </v:rect> 
    <![endif]--></td> 
    </tr> 
</table> 

Answer 1

의 예는 <div>width:100%;에 설정해보십시오 .... 왼쪽과 중앙 잘 작동하지만 지금은 무시받을 것으로 보인다. 해결할 수 없다면 100 % 너비 테이블을 넣고 그 안에 자식 (원하는 내용)을 중첩 및 정렬합니다.

예 :

<table width="600" border="0" cellpadding="0" cellspacing="0" align="center"> 
    <tr> 
     <td bgcolor="#DDDDDD" style="background-image: url('http://i.imgur.com/XCnBXwP.png');" background="http://i.imgur.com/XCnBXwP.png" height="92" valign="top"><!--[if gte mso 9]> 
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:92px;"> 
    <v:fill type="tile" src="http://i.imgur.com/XCnBXwP.png" color="#7bceeb" /> 
    <v:textbox inset="0,0,0,0"> 
    <![endif]--> 

      <div style="width:100%;"> 
       <table width="100%" border="0" cellpadding="0" cellspacing="0"> 
       <tr> 
        <td align="right"> 
        <table width="300" border="0" cellpadding="0" cellspacing="0" align="right"> 
         <tr> 
          <td bgcolor="#FF00FF" align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;"> | This is test text | </td> 
         </tr> 
        </table> 
        </td> 
       </tr> 
       </table> 
      </div> 

      <!--[if gte mso 9]> 
    </v:textbox> 
    </v:rect> 
    <![endif]--></td> 
    </tr> 
</table> 

Answer 2

죄송합니다, 늦게 파티에 오는 ...

은 당신이 테이블 & 내용보다 먼저 정렬 = "오른쪽"와 별도의 사업부가 필요합니다. VML 텍스트 상자는 어떤 이유로 든 테이블의 정렬을 무시합니다.

<table width="600" border="0" cellpadding="0" cellspacing="0" align="center"> 
    <tr> 
     <td bgcolor="#DDDDDD" style="background-image: url('http://i.imgur.com/XCnBXwP.png');" background="http://i.imgur.com/XCnBXwP.png" height="92" valign="top"><!--[if gte mso 9]> 
     <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:92px;"> 
     <v:fill type="tile" src="http://i.imgur.com/XCnBXwP.png" color="#7bceeb" /> 
     <v:textbox inset="0,0,0,0"> 
     <![endif]--> 

     <div> 
      <div align="right"> 
       <table width="300" border="0" cellpadding="0" cellspacing="0" align="right"> 
        <tr> 
         <td bgcolor="#FF00FF" align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;"> | This is test text | </td> 
        </tr> 
       </table> 
      </div> 
     </div> 

     <!--[if gte mso 9]> 
     </v:textbox> 
     </v:rect> 
     <![endif]--> 
    </td> 
    </tr> 
</table> 

그리고 여기가 link