HTML表擴展在電子郵件

我遇到一個有點令人沮喪的問題，沒有真正的辦法找到解決端窗的...HTML表擴展在電子郵件

我編碼的HTML電子郵件，我有一個特別的表一直擴展到瀏覽器的最後。我所測試過的所有東西（所有瀏覽器，Yahoo，Gmail，Outlook Mac 2011）都沒有做過這種事。我收到了一個收件人的截圖，雖然這非常失敗。我不知道我該怎麼去修復這一切時，我嘗試在看起來不錯...

錯誤：

正確：

由於你可以在屏幕截圖中看到，中心列正在擴展，儘可能在它旁邊的兩列之間。在正確的屏幕截圖中，您將看到它應該如何顯示。

如果有人能給我某種方向，將不勝感激。

<!--Container--> 
<table cellpadding="0px" cellspacing="0px" width="600px" style="margin:0px auto;border:0px;border-spacing:0px;border-collapse:collapse;display:block;background-color:#1a223e;"> 
    <tr> 
      <td style="vertical-align:top;"> 

<!--Left Column--> 
<table width="227px" cellpadding="0px" cellspacing="0px" style="border:0px;border-spacing:0px;border-collapse:collapse;margin:0px auto;display:block;padding:0px;"> 
          <tr> 
            <td><a href="http://pesgm13.org/index1.asp?camp=TDGMEM2" style="border:0px;"><img src="left_image.jpg" width="227" height="932" style="display:block;border:0px;border-spacing:0px;border-collapse:collapse;vertical-align:top;background-color:#1a223e;" /></a></td> 
          </tr> 
        </table> 
      </td> 




    <td style="vertical-align:top;"> 

      <!--Content--> 
      <table width="340px" cellpadding="0px" cellspacing="0px" style="border:0px;border-spacing:0px;border-collapse:collapse;margin:0px auto;display:block;vertical-align:top;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:16px;font-weight:normal;color:#1a1a1a;background-color:#ffffff;"> 
          <tr> 
            <td style="vertical-align:top;display:block;"> 

            <img src="headline.jpg" width="271" height="85" style="display:block;margin:0px auto;border:0px;border-spacing:0px;border-collapse:collapse;background-color:#ffffff;margin-bottom:20px;padding-top:25px;" />

來源

2013-04-23 usefulbattery

當使用過時的width和height屬性，而不是CSS，你需要堅持自己的語義。這些屬性可以是數字值，也可以是像素，也可以是一個百分比，後面跟着%作爲值。所以：

<table width="600">  <!-- correct --> 
<table width="60%">  <!-- correct -->  
<table width="600px"> <!-- invalid attribute value! -->

大多數HTML渲染器並不是真正的迂腐，但它會顯示你的客戶端發現一個是。我很確定將其更改爲width="600"將解決您的問題。

實際上，你可以看到在錯誤截圖，這是解決方案，因爲它也忽略了你的cellspacing聲明，拖欠他們回1正常價值，因爲他們擁有包括px。請注意，即使在CSS中，這也被認爲是不好的形式 - 0根本沒有尺寸，因此沒有單位可以測量它，所以在CSS中，您也應該始終寫0而不是0px,0em或0%。

來源

2013-04-23 21:17:22

當你編碼電子郵件模板總是喜歡設置<td width="600"> instead of <table width="600">，set width for each <td>這將是好的，讓我知道，如果它不工作

來源

2013-04-23 21:18:01 Sikander

HTML表擴展在電子郵件

回答

相關問題