1
我使用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>
而不是使用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