Outlook 2007 stellt Tabelle nicht richtig dar

**tschoartschi** · 11.07.2011, 16:17

Hallo!

Ich verschicke ï¿½ber die TYPO3-Extension direct_mail einen Newsletter. Dieser wird in den Browsern/Clients die ich bis jetzt getestet habe korrekt dargestellt, nur Outlook 2007 (niedrigere Versionen habe ich leider noch nicht getestet) stellt ihn falsch dar. Habe schon alles auf Tabllen-Layout umgestellt und CSS so wenig wie mï¿½glich benutzt.

Outlook ignoriert die width Eigenschaft der übergeordneten Layouttabelle. Weiï¿½ jemand woran das liegen kï¿½nnte? Der Newsletter ist im Outlook mit folgendem Quelltext angekommen:

HTML-Code:

<html><head><title>Mein Newsletter</title></head><body>
<style type="text/css">
...
...
...
</style>
<table width="600" align="center" border="0" style="table-layout:fixed;margin:0 auto;" cellpadding="0" cellspacing="0">
  <tr>
    <td width="600" height="1">&nbsp;</td>
  </tr>
  <tr>
    <td class="smaller" valign="top" height="70">Sollte dieser Newsletter nicht vollstï¿½ndig dargestellt sein, <a href="#" target="_blank" class="email">klicken Sie bitte hier</a> fï¿½r die Onlineversion</td>
  </tr>
  <tr>
    <td>
        <table border="0" width="600" cellpadding="0" cellspacing="0">
          <tr>
            <td valign="top"><img src="#" alt="#" width="248" height="97" /></td>
            <td rowspan="2"><img src="#" alt="#" width="205" height="306" /></td>
            <td rowspan="2"><img src="#" alt="#" width="139" height="306" /></td>
          </tr>
          <tr>
            <td><div class="teaser">Wo Frauengesundheit<br />
                drauf steht, ist unab-<br />
                hï¿½ngige Arbeit<br />
                im Interesse von<br />
                Frauen drin.</div>
             </td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><div class="introduction"><div id="c2752" class="csc-default"><p class="bodytext">Liebe Leserin, lieber Leser,<br />dies ist die erste Ausgabe eines neuen Newsletters rund um Frauen- und Mï¿½dchengesundheit und Gendermedizin...</p></div></div></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td class="table_of_content"><h2><img src="#" alt="Inhalt" width="113" height="30" /></h2>
<div id="c2753" class="csc-default"><p class="bodytext"><a href="#c2702" title="Opens internal link in current window" class="internal-link">Frauengesundheit</a><br /> <a href="#c2601" class="table_of_content_link">Neues aus dem Netzwerk</a><br /> <a href="#c2492" class="table_of_content_link">Termine</a><br /> <a href="#c2606" class="table_of_content_link">Literaturtipps</a><br /> <a href="#c2497" class="table_of_content_link">Links</a><br /> <a href="#c2594" class="table_of_content_link">Plus/Minus</a></p></div>
</td>
            <td>&nbsp;</td>
          </tr>
        </table>
    </td>
  </tr>
  <tr>
    <td class="typo_content"><div id="c2749" class="csc-default"><div class="csc-textpic-text"></div></div><div id="c2702" class="csc-default"><div class="csc-header csc-header-n2"><h2>erster test</h2></div></div><div id="c2701" class="csc-default"><table border="0" cellspacing="0" cellpadding="0" class="imgtext-nowrap"><tr><td valign="top"><img src="http://www.fgz.co.at/uploads/pics/q_01.jpg" width="170" height="103" border="0" alt="" title="" /></td><td valign="top"><div class="csc-textpic-text"><p class="bodytext">Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text Das ist der Text <a href="http://www.fgz.co.at/index.php?id=650">LESEN SIE MEHR</a></p></div></td></tr></table></div><div id="c2750" class="csc-default"><div class="csc-header csc-header-n4"><h2>text</h2></div></div><div id="c2751" class="csc-default"><p class="bodytext">jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah jeah&nbsp;</p></div></td>
  </tr>

  <tr>
    <td class="impressum border_top">&nbsp;</td>
  </tr>
</table>
</body></html>

Woran könnte das liegen? Wieso ist die Tabelle nicht mit 600 Pixel fixiert in Outlook? Hat jemand einen Tipp?
Danke
LG

**tschoartschi** · 11.07.2011, 23:21

In Outlook 2007 scheint es als hätte ich das Problem gelöst... hab einige width Attribute zu td Tags hinzugefügt, weiß jetzt aber leider nicht mehr welches genau das Problem gelöst hat. Das Bug-Fixen ist nämlich seeeeeeeeeeeeeeehr mühsam... hoffentlich gehts jetzt mit Outlook 2003 und 2010 auch. Hat jemand einen Tipp wie man das am besten Testen kann? Hab nämlich nur Outlook 2007. Hätte da an VirtualBox gedacht, aber da ist der Einrichtungsaufwand doch groß. Vielleicht gibts ja eine elegantere Lösung

Danke
LG

**Maps** · 22.07.2011, 13:43

Zitat von tschoartschi

In Outlook 2007 scheint es als hätte ich das Problem gelöst... hab einige width Attribute zu td Tags hinzugefügt, weiß jetzt aber leider nicht mehr welches genau das Problem gelöst hat. Das Bug-Fixen ist nämlich seeeeeeeeeeeeeeehr mühsam... hoffentlich gehts jetzt mit Outlook 2003 und 2010 auch. Hat jemand einen Tipp wie man das am besten Testen kann? Hab nämlich nur Outlook 2007. Hätte da an VirtualBox gedacht, aber da ist der Einrichtungsaufwand doch groß. Vielleicht gibts ja eine elegantere Lösung

Danke
LG

Hallo tschoartschi,
Hol dir doch mal die Testversion =), daran mal gedacht? dann kannste mal schauen ob es da auch funktioniert

**tschoartschi** · 22.07.2011, 17:48

Danke für den Tipp! Werd mal probieren ob ich zwei verschiedene Versionen von Outlook parallel installieren kann. Mach mich mal auf die Suche nach einer 2003er Testversion.

Das Testen ist aber trotzdem umständlich, weil man das Ergebnis ja immer nur sieht, wenn das E-Mail im Outlook ankommt... naja aber ich habs schon fast geschafft

jetzt siehts schon überall einigermaßen OK aus

HTML-code ist aber GRAUSLICH

**th2409** · 24.07.2011, 18:44

Ich mache solche Sachen besser mit inline-CSS. Das heißt, man müht sich nicht mit heute eigentlich obsoleten HTML-Formatierungsbefehlen (<td width="600">), sondern macht das zeitgemäß mit CSS - also zumindest in der Form (<td style="width: 600px;">). Es klappt allerdings auch, indem man die CSS-Deklarationen in den <head> des betreffenden, an Outlook übermittelten HTML-Codes stellt (sozusagen nur die CSS_Deklaration aus einer externen CSS-Datei in die HTML-Datei integriert). Klappt eigentlich prima, und man hat noch immer sauber Inhalt und Darstellung getrennt.

**Maps** · 25.07.2011, 09:11

Zitat von tschoartschi

Danke für den Tipp! Werd mal probieren ob ich zwei verschiedene Versionen von Outlook parallel installieren kann. Mach mich mal auf die Suche nach einer 2003er Testversion.

Das Testen ist aber trotzdem umständlich, weil man das Ergebnis ja immer nur sieht, wenn das E-Mail im Outlook ankommt... naja aber ich habs schon fast geschafft

jetzt siehts schon überall einigermaßen OK aus

HTML-code ist aber GRAUSLICH

Wenn nur der HTML-code grauslich aussieht gehts ja noch

hauptsache es funktioniert

zur Startseite vom TP

Thema: Outlook 2007 stellt Tabelle nicht richtig dar

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Outlook 2007 stellt Tabelle nicht richtig dar

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

[Browser Bug] Internet Explorer stellt die Sites nicht richtig dar

Internet Explorer stellt Dreamweaversite nicht richtig dar

Fireworks-HTML in PHP-file stellt nicht richtig dar

Microsoft stellt Outlook Express doch nicht ein

Aktive Benutzer

Aktive Benutzer

Berechtigungen