HTML表在Outlook电子邮件中显示失真

时间:2014-03-24 10:17:46

标签: html css email outlook

我已创建了一个电子邮件模板,此电子邮件将从我的应用程序(Oracle UCM)发送到Outlook 2010.Issue是我的工作流程历史记录表(下面的代码)变得扭曲并在任何移动设备上检查时向左移动但是,当在桌面上看到整个电子邮件时看起来很好。

    <table border="1"cellspacing=0 cellpadding=0 width="95%" align="center">
    <tr>
       <td align="center" colspan="2" style='width:10.0%; background:#A5CEF7'>
      <p><span style='font-size:18.0pt;font-family:"Calibri","sans-serif";color:red'>DMS</span><span style='font-size:15.0pt;font-family:"Calibri","sans-serif";color:red'> - <$xSubDocType$> document for <$xClientName$> PID: <$xProject_ID$> is in your workflow &nbsp;</span></p>
      </td>
    </tr>

    <tr>
       <td align="left" colspan="2" style='width:10.0%;font-family:"Calibri","sans-serif";background:#A5CEF7;font-size:12.0pt'>
      <p>
       <b>
       Click on <a href="mailto:abx@xyz.com?subject=<$regexReplaceAll(xClientName,"&","")$> <$xSubDocType$> | PID: <$xProject_ID$> | DID:<$dID$> | Approve&body=%0D%0A">Approve</a> or 
        <a href="mailto:abx@xyz.com?subject=<$regexReplaceAll(xClientName,"&","")$> <$xSubDocType$> | PID: <$xProject_ID$> | DID:<$dID$> | Reject&body= Note:%0D%0A -Enter rejection reasons(Remove this Note):">Reject</a> to take action on this document through email.Please remove your signatures(if any)</b><br><br> 
      </span>
        <span style='font-size:10.0pt;font-family:"Calibri","sans-serif";color:red;align="center"'>** Please note: Do not make any changes</span>  
      </p>
      </td>
    </tr>

    <tr>
     <td rowspan="2" width="40%";height="1000" style='background:#E6E6D8;min-width:200px'>                    
        <p style="padding-left:10px">
                    <span style='font-size:12pt;font-family:Calibri,sans-serif;color:black;font-weight:bold;left:500px'>
                                    <b><u>Content Info</u>&nbsp;</b></span><br>
                                    <br>
                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:bold">
                                    <b>Content ID:&nbsp;</b></span>
                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:normal">
                                    <$dDocName$></span><br>

                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:bold">
                                    <b>Document Owner:&nbsp;</b></span>
                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:normal">
                                   <$UserFullName$></span><br>

                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:bold">
                                    <b>Client:&nbsp;</b></span>
                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:normal">
                                    <$xClientName$></span><br>
                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:bold">
                                    <b>Project Name&nbsp;</b></span>
                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:normal">
                                    <$xProjectName$></span><br>
    </p>

    <p style="font-family:Calibri,sans-serif;font-size:10pt;padding-left:15px">
    <$if IsNotifyOnly or wfAction like "APPROVE"$>
                    [ <a href="<$HttpCgiPath$>?IdcService=DOC_INFO&idcToken=<$idcToken$>&dID=<$dID$>&dDocName=<$url(dDocName)$>&Auth=Intranet" style="color:993333;width:300px;font-family:Calibri,sans-serif;font-weight:normal">
                                    <$lc("wwDocumentInfo")$></a> ]</p>
    <$else$>
                    [ <a href="<$HttpCgiPath$>?IdcService=REVIEW_WORKFLOW_DOC&idcToken=<$idcToken$>&dDocName=<$url(dDocName)$>&Auth=Intranet" style="color:993333;width:300px;font-family:Calibri,sans-serif;font-weight:normal">
                                    <$lc("wwWfReviewWorkflowItem")$></a> ]</p>

    <$endif$>            
    </td>                       
    </tr>

    <tr>        
     <td align ="center" vertical-align="top" width="60%" style='background:#E6E6D8;min-width:600px'>    
     <p style="padding-left:10px">       
    <!--    <td align ="center" vertical-align="top" width="60%" bgcolor="#E6E6D8">        -->
        <div style="display:none">  
        <$executeService("GET_SENDTOWORKFLOW_HISTORY_EMAIL_DETAILS")$>
             <$numrowSTOWFH = rsNumRows("SendtoWorkflowActionHistory")$>
            <$executeService("GET_WORKFLOW_HISTORY_EMAIL_DETAILS")$>
             <$numrowWFH = rsNumRows("WorkflowActionHistory")$>      
             <$if numrowWFH gt 0$>                   
                    <$rsRename("WorkflowActionHistory", "rsNewName")$>
             <$else$>                    
                    <$rsRename("SendtoWorkflowActionHistory", "rsNewName")$>
            <$endif$>   

        </div>  

                <span style="font-family:Calibri,sans-serif;font-size:12pt">
                    <b>Reason:&nbsp;</b></span>
                <span style="font-family:Calibri,sans-serif;font-size:12pt;color:blue">
                    <b><$if xPurposeForSubmission$><$getFieldViewValue("xPurposeForSubmission",xPurposeForSubmission,"Reason")$><$endif$></span></b><br><br>            

        <table style="position:absolute;width:97.0%;left:145px" cellpadding="3" cellspacing="0" id="Table2">   
                    <tr>                
                    <td style="font-family:Calibri,sans-serif;font-size:12pt" colspan="7">
                                <b>Recent workflow history (Maximum Last 5)</b>
                    </td>
                    </tr>
                <tr>  

                    <td style="background-color:#A5CEF7;border:1px #000000 solid;text-align:center;vertical-align:top;width:130px;height:2px;"><div><span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:bold"><b>Action Date</b></span></div>
                    </td>

                    <td style="background-color:#A5CEF7;border:1px #000000 solid;text-align:center;vertical-align:top;width:140px;height:2px;"><div><span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:bold"><b>Action By </b></span></div>
                    </td> 

                    <td style="background-color:#A5CEF7;border:1px #000000 solid;text-align:center;vertical-align:top;width:70px;height:2px;"><div><span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:bold"><b>Action </b></span></div>
                    </td>

                    <td style="background-color:#A5CEF7;border:1px #000000 solid;text-align:center;vertical-align:top;width:150px;height:2px;"><div><span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:bold"><b>Action Type </b></span></div>
                    </td>

                    <td style="background-color:#A5CEF7;border:1px #000000 solid;text-align:center;vertical-align:top;width:250;height:2px;"><div><span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:bold"><b>Comments</b></span></div>
                    </td>
                </tr>      
            <$loop rsNewName$>
                <tr>        
    <!-- ACTION DATE cell -->

                    <td class="<$rowClass$>" style="background-color:transparent;border:1px #000000 solid;text-align:center;vertical-align:top;width:130px;height:1px;">
                    <div class="xuiListCellDivCenter" nowrap><span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:normal">
                    <$dActionDate$>&nbsp;</span></div>
                    </td>

    <!--Send To cell -->

                    <td class="<$rowClass$>" style="background-color:transparent;border:1px #000000 solid;text-align:center;vertical-align:top;width:100px;height:1px;">
                    <div class="xuiListCellDivCenter" nowrap>
                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:normal">
                    <$if strLength(getValueForSpecifiedUser(xWF_SendTo, "dFullName")) gt 0 $>
                        <$getValueForSpecifiedUser(xWF_SendTo, "dFullName")$>      
                    <$else$>
                        <$xWF_SendTo$>            
                        <$endif$>&nbsp;</span></div>
                    </td>

    <!-- ACTION cell -->
                    <td class="<$rowClass$>" style="background-color:transparent;border:1px #000000 solid;text-align:center;vertical-align:top;width:70px;height:1px;">
                    <div class="xuiListCellDivCenter" nowrap>
                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:normal">     
                    <$dAction$>&nbsp;</span></div>
                    </td>

    <!-- Approval Type cell -->
                    <td class="<$rowClass$>" style="background-color:transparent;border:1px #000000 solid;text-align:center;vertical-align:top;width:150px;height:1px;">
                    <div class="xuiListCellDiv" nowrap>
                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:normal"><$ApprovalType$>&nbsp;</span></div>
                    </td>
    <!-- Comments cell -->

                    <td class="<$rowClass$>" style="background-color:transparent;border:1px #000000 solid;text-align:center;vertical-align:top;width:250px;height:1px;">
                    <div class="xuiListCellDiv" nowrap>
                    <span style="font-family:Calibri,sans-serif;font-size:10pt;font-weight:normal"><$strSubstring(xWorkflowComments,0,100)$>&nbsp;</span> </div>
                    </td>
                </tr>                               
                <$endloop$>

            <tr>
                    <td   colspan="2">
                    [<a href="<$HttpCgiPath$>?IdcService=GET_WORKFLOW_HISTORY_BYNAME&idcToken=<$idcToken$>&dID=<$url(dID)$>&dDocName=<$url(dDocName)$>" style="color:993333;width:50px;font-size:10pt;font-family:Calibri,sans-serif;font-weight:normal">
                    <$lc("View detailed workflow history")$></a>]                       
                    </td>
            </tr>

            </table>
        </td>
    </tr>

    </table>

2 个答案:

答案 0 :(得分:0)

的位置是:绝对的;在第80行设置导致表采取固定的位置,因此问题。

也是身高=&#34; 1000&#34;设置进一步设置列的高度。移动它,我现在开心

答案 1 :(得分:-1)

请从td下方删除 rowspan =“2”,不应该有rowspan。

<强> HTML

    <td rowspan="2" width="40%" ;height="1000" style="background:#E6E6D8;min-width:200px">