通訊HTML，div和Outlook

我使用MailChimp服務處理新信件。通訊HTML，div和Outlook

你可以集成一些代碼，所以我做了一個「表」與div的，我想一個在左邊，一個在右邊。

問題是，在微型程序中的服務它的工作原理，但當我發送郵件（公司得到了Outlook 2010）它把左邊的div上面和右邊的div在第一個下面。有人可以幫我嗎？

有我的代碼：

<div style="background-color: rgb(214, 196, 0);width: 100%;margin-bottom: auto;overflow: hidden;"> 
 
     <div style="float: left;width: 50%;"> 
 
      <h1 style="color: rgb(67, 153, 186); background-color: rgb(214, 196, 0);">Offerten</h1> 
 
      <h2 style="h2 {font-weight: bold;}">Akustik/Lärm:</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
P16368: Anfrage des ASTRA für ein Detailprojekt Lärm (Einbau Schallschutzfenster) im Raum Lyssach 
 
      
 
      <h2>Bauphysik:</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
P16360: Neubau Turnhalle Minergie-P zertifiziert und Erweiterung Schule Plänke in Biel 
 
P16361: energetische und akustische Begleitung bei der Sanierung und Neubaus Mehrgene-rationenhaus in Zollikofen 
 
P16364: Neubau Wohnüberbauung Lohngasse in Bellmund 
 
      </p> 
 
      <h2>Brandschutz:</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
P16251.BR: Das Verfahren für die Vergabe der Marktüberwachungstätigkeit von Brandmeldern wurde vom BBL gestoppt. Das Pflichtenheft wird überarbeiten und wir werden neu eingeladen einzugeben. 
 
Voraussichtlich ab Mitte Oktober 2016 
 
      </p> 
 
      <h2>UVB:</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
P16335: Umbau Bhf Leissigen – Projekt der BLS 
 
      </p> 
 
      <h2>Beweissicherung:</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
P16343: Rissaufnahmen von 10 Gebäuden inkl. Erschütterungsüberwachung in Bellach 
 
      </p> 
 
      <h1 style="color: rgb(67, 153, 186); background-color: rgb(214, 196, 0);">Projekte</h1> 
 
      <h2>AS:</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
P16365: Durchführen von Sicherheitsaudits den für Wohnpark „Jardin du paradis「 in Biel (Implenia). 
 
  
 
P14259: Wir wurden von der Baloise mit der Weiterführung der Logistik-Sicherheit-Verkehr-Entsendegesetz Beratung für das Projekt Baloise Park beauftragt. Dies ist ein Grossauftrag und dauert bis Mitte 2020. 
 
Siehe dazu: https://www.baloisepark.ch/de/home.html 
 
      </p> 
 
      <h2>Bauphysik:</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
      P16298: Neubau Data Center in Biel, akustische Beratung ab Ausschreibungsphase. 
 
P16299: Umbau, Erweiterung und Neubau Schulanlage Rüegsauschachen. Bauphysikalische und akustische Beratung. 
 

 
      </p> 
 
      <h2>Brandschutz</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
Erarbeitung eines Workshops für Architekten zu Grundlagen im Brandschutz. Schwerpunkte: Entfluchtung, Brandabschnitte sowie Qualitätssicherungsmassnahmen gemäss VKF 2015. Voraussichtliche Durchführung bei Architekturbüros in Biel/Bienne ab Januar 2017 
 
  
 
P16013: Ergänzung der Beratung bei Teilprojekten der Arealentwicklung Elsässerstrasse in Basel. 
 
  
 
P16233 Erstellung eines EX -(Explosionsschutz) Gutachtens des neuen Forschungs- und Dienstleitungsgebäudes von sitem insel (Insel Spital, Bern). 
 
      </p> 
 
      <h2>Natürliche Lebensräume:</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
P1632: Unterstützung Umweltbericht MOB, Erster Auftrag in Biel in diesem Fachbereich! 
 
      </p> 
 
     </div> 
 
     <div style="position: relative; float: right;width: 50%;}"> 
 
      <h1 style="color: rgb(67, 153, 186); background-color: rgb(214, 196, 0);">Offres</h1> 
 
      <h2>Sols:</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
P16351 : Expertise Sols-SDA Treycovagnes 
 
P16352 : Suivi pédologique de chantier pour la réfection d’infrastructures agricoles à Valbroye 
 
P16357 : Suivi pédologique de chantier pour la construction d’une nouvelle Landi à Cossonay 
 
P16373 : Expertise Sols-SDA à Chamblon 
 
P16375 : Expertise Sols-SDA à Pomy 
 
      </p> 
 
      
 
      <h1 style="color: rgb(67, 153, 186); background-color: rgb(214, 196, 0);">Projets</h1> 
 
      <h2>Sols:</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
P16351: Expertise Sols-SDA Treycovagnes 
 
      </p> 
 
      <h2>Bruit:</h2> 
 
      <p style="background-color: rgba(255, 255, 255, 0.2)"> 
 
P16366 : Bruit de chantier 24h/24 – STEP Lausanne 
 
P16337 : Bruit de ventilation intérieure – HEIG-VD 
 
P16339 : Bruit Routier – Valangin - Routes Cantonales 
 
P15185 : Exposition publique Gabarit sonore éolien 
 
      </p> 
 
     </div> 
 
    </div>

有一些截圖：

來源

2016-10-17 Miguel

而不是使用div，使用表標籤爲您的通訊。並在代碼中使用'tds'。如左側內容爲「td」，右側內容爲「td」，根據需要將「width」設爲「td」。 –

你需要編碼喜歡它的1995年，只使用表來構造內容。 'divs'不僅會在Outlook中突破這個位置。您需要在每個主要瀏覽器（Chrome，Firefox，所有版本的IE）中測試每個郵件客戶端（Outlook，Thunderbird，Windows Mail，Apple Mail等）和每個主要瀏覽器客戶端（Hotmail，Yahoo，Gmail，Aol）），以確保它們不會在其中一箇中出現奇怪的顯示，因爲它們都以不同的方式顯示HTML電子郵件。歡迎來到電子郵件模板地獄。 – Sarcoma

這給出了一個很好的問題概述https://www.campaignmonitor.com/dev-resources/guides/coding/ – Sarcoma

使用ALIGN = 「left」或ALIGN = 「正確的」，而不是浮動。大多數電子郵件客戶端不支持浮動。

我也建議使用像素寬度。比百分比寬度更可靠。展望在並排坐在桌子之間增加了大約20px的空白。所以請記住，如果你需要使用百分比寬度。可能會要求您減少百分比，因此每個百分比爲45％。

來源

2016-10-31 01:19:48

通訊HTML，div和Outlook

回答

相關問題