[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
Groupletter-Newsletter und Outlook 2007 - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
iceman-fx
Beiträge: 467
Registriert: 13. Feb 2007, 16:16
Wohnort: Sachsen
Kontaktdaten: Website

Groupletter-Newsletter und Outlook 2007

23. Jul 2007, 14:06

Hallo Leute,

ich habe nun nach einigen Stunden den Groupletter erstmal zum laufen bekommen.

Dabei ist mir noch eine kleine, vermutlich überflüssige, Zeile in der Datei class.cgroupletter.inc.php (Zeile 565) aufgefallen.
Diese gibt bei mir ständig eine Updatehinweismeldung aus, welche man aber auskommentieren kann.

Zum eigentlich Problem. Verschicke ich einen gestalteten NL wird er im Outlook Express korrekt angezeigt.
Aber im Outlook 2007 wird alles zerstückelt und falsch dargestellt und CSS-Bilder auch nur teilweise korrekt ausgegeben.

Weiß jemand, auf was man bei Outlook 2007 achten muss, damit die NL überall gleich gut aussehen ?

Gruß iceman

Benutzeravatar
n.ruediger
Beiträge: 405
Registriert: 21. Mär 2007, 12:25
Wohnort: Frankfurt (Oder)
Kontaktdaten: ICQ Website Yahoo Messenger

23. Jul 2007, 15:05

Kannst du mal den Code des Newsletters posten?

Liebe Grüße,
Nicole

iceman-fx
Beiträge: 467
Registriert: 13. Feb 2007, 16:16
Wohnort: Sachsen
Kontaktdaten: Website

23. Jul 2007, 15:52

na klar, hier ist er...

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Herzlich Willkommen</title>

<link href="http://domain.de/files/style_layout.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
   <style type="text/css">@import url(http://domain.de/files/style_layout_ie7.css);</style>
<![endif]-->

<base href="http://domain.de/" />

</head>
<body>

<a name="top" id="top"></a>
<form action="67--NoName.html" method="Post" name="suche">

<div id="block_default"><div id="block_kopfzeile">
<div id="block_kopfzeile_logo">
	<a href="/"><img src="files/logo.gif" alt="Name" width="79" height="47" class="logo" /></a> 
</div>
<div id="block_kopfzeile_navigation">

<div class="kopfnavigation_box"><a href="8-0-home.html" class="kopfnavigation_links">Home</a></div><div class="kopfnavigation_box"><a href="9-0-kontakt.html" class="kopfnavigation_links">Kontakt</a></div><div class="kopfnavigation_box"><a href="10-0-impressum.html" class="kopfnavigation_links">Impressum</a></div><div class="kopfnavigation_box"><a href="11-0-agb.html" class="kopfnavigation_links">AGB</a></div><div class="kopfnavigation_box"><a href="12-0-newsletter.html" class="kopfnavigation_links">Newsletter</a></div>

</div>

	<div id="block_heisenews">
		<div class="heisenews_titel">Heise News:</div>
		<div class="heisenews_news"><iframe id="heisenews" name="heisenews" width="245" height="20" src="/index.php?article_id=66" SCROLLING="no" FRAMEBORDER="0" border=0></iframe></div>	</div>
</div>
  <div id="block_hauptnavigation">
<div class="hauptnavigation_box"><a href="2-0-firma.html" class="hauptnavigation_links">Firma</a></div><div class="hauptnavigation_trenner"></div><div class="hauptnavigation_box"><a href="3-0-netzwerke.html" class="hauptnavigation_links">Netzwerke</a></div><div class="hauptnavigation_trenner"></div><div class="hauptnavigation_box"><a href="4-0-internet.html" class="hauptnavigation_links">Internet</a></div><div class="hauptnavigation_trenner"></div><div class="hauptnavigation_box"><a href="5-0-telecash.html" class="hauptnavigation_links">Telecash</a></div>    <div class="suchbox"><input name="rexsearch" type="text" class="suchbox_suchfeld_form" value="Ihre Suchanfrage" maxlength="50" onFocus="this.value=''" /> 
		<input name="search_start" type="submit" class="suchbox_button_form" value="..." /></div>
  </div>
<div id="block_titelbild"><img src="files/cover_firma_r1_c1.jpg" width="848" height="45" alt="" class="coverbild" /><img src="files/cover_firma_r2_c1.jpg" width="848" height="45" alt="" class="coverbild" /><img src="files/cover_firma_r3_c1.jpg" width="848" height="45" alt="" class="coverbild" /><img src="files/cover_firma_r4_c1.jpg" width="848" height="45" alt="" class="coverbild" /></div>  



<div id="block_trennleiste"></div>
<div id="block_unternavigation">
	<div class="unternavigation_spacer_nonavi"></div>
<div class="unternavigation_permanent_box"><a href="13-0-startseite.html" class="unternavigation_permanent_links">Startseite</a></div><div class="unternavigation_permanent_box"><a href="68-0-unser-team-fuer-ihre-loesung.html" class="unternavigation_permanent_links">Unser Team</a></div><div class="unternavigation_permanent_box"><a href="14-0-preisliste-hardware.html" class="unternavigation_permanent_links">Preisliste Hardware</a></div><div class="unternavigation_permanent_box"><a href="15-0-shop--werkstatt.html" class="unternavigation_permanent_links">Shop und Werkstatt</a></div><div class="unternavigation_permanent_box"><a href="16-0-stellenangebote-und-praktika.html" class="unternavigation_permanent_links">Stellenangebote und Praktika</a></div><div class="unternavigation_permanent_box"><a href="17-0-sitemap.html" class="unternavigation_permanent_links">Sitemap</a></div>
    <div class="unternavigation_spacer"></div>
    <div class="clearing"></div>
  </div>
  <div id="block_contentbereich">
  <h2 class="seitenueberschrift">Internet</h2><p>
Das Internet ist heute zu einem unerl&auml;sslichen Kommunikationsmittel f&uuml;r viele Firmen geworden. Dank einer eigenen Homepage k&ouml;nnen auch Sie sich der ganzen Welt vorstellen und neue Kunden und Partner finden.<br />
<br />
Wir erstellen Ihre eigene Internetpr&auml;senz individuell auf Sie abgestimmt, egal ob es die Homepage f&uuml;r ein kleines Unternehmen oder komplexe Webanwendungen f&uuml;r gr&ouml;&szlig;ere Firmen sind.<br />
<br />
Vom <strong>Design</strong> &uuml;ber die <strong>Speicherung</strong> bis hin zur <strong>Bekanntmachung</strong> und zur <strong>pers&ouml;nlichen Betreuung</strong> bekommen Sie bei uns alles aus einer Hand. 
</p>
<p align="center">
<strong><br />
Spezielle Angebote:</strong> 
</p>
<table border="0" cellspacing="7" cellpadding="0" align="center">
	<tbody>
		<tr>
			<td align="left" valign="top" style="width: 150px"><a href="index.php?article_id=41&clang=0"><img src="../files/internet_start_cms.jpg" border="0" alt="Content-Management-Systeme" /></a></td>
			<td rowspan="2" style="width: 40px">&nbsp;</td>
			<td align="left" valign="top" style="width: 150px"><img src="../files/internet_start_shop.jpg" border="0" alt="Onlineshops" /></td>
			<td rowspan="2" style="width: 40px">&nbsp;</td>
			<td align="left" valign="top" style="width: 150px"><a href="index.php?article_id=43&clang=0"><img src="../files/internet_start_tour.jpg" border="0" alt="Virtuelle Touren" /></a></td>
		</tr>
		<tr>
			<td align="left" valign="top" style="width: 150px">
			<p align="justify">
			<span style="font-size: xx-small">Bleiben Sie immer aktuell <br />
			und begeistern Ihre Kunden<br />
			mit immer neuen Angeboten.</span> 
			</p>
			</td>
			<td align="left" valign="top" style="width: 150px">
			<p align="justify">
			<span style="font-size: xx-small">Verkaufen Sie Ihre Produkte <br />
			repr&auml;sentativ und unkom-<br />
			pliziert im WWW.</span> 
			</p>
			</td>
			<td align="left" valign="top" style="width: 150px">
			<p align="justify">
			<span style="font-size: xx-small">Lassen Sie Ihre Besucher<br />
			in einem virtuellen Rund-<br />
			gang Ihr Gesch&auml;ft oder <br />
			Ihre Stadt besichtigen.</span> 
			</p>
			</td>
		</tr>
	</tbody>
</table>
<p>
<br />
<strong>Unser Leistungsangebot im &Uuml;berblick:</strong> 
</p>
<ul>
	<li class="aufzaehlung_vorteile">Konzeption und Gestaltung </li>
	<li class="aufzaehlung_vorteile">Screendesign </li>
	<li class="aufzaehlung_vorteile">Programmierung </li>
	<li class="aufzaehlung_vorteile">Content Management Systeme</li>
	<li class="aufzaehlung_vorteile">Datenbank-Anwendungen </li>
	<li class="aufzaehlung_vorteile">Shopsysteme (eCommerce)</li>
	<li class="aufzaehlung_vorteile">Hosting </li>
	<li class="aufzaehlung_vorteile">Suchmaschinenoptimierung</li>
	<li class="aufzaehlung_vorteile">Service & Wartung</li>
</ul>

    <div id="block_contentfooter">
		<div class="contentfooter_left"><a href="9--NoName.html"><img src="files/footer_kontakt.gif" alt="Kontakt aufnehmen" width="49" height="14" border="0" class="contentfooter_images" /></a></div>
		<div class="contentfooter_left"><a href="47--NoName.html?aid=108"><img src="files/footer_drucken.gif" alt="Diese Seite drucken" width="52" height="14" border="0" class="contentfooter_images" /></a></div>
		<div class="contentfooter_right"><a href="#top"><img src="files/footer_nachoben.gif" alt="Zum Seitenanfang" width="88" height="13" border="0" class="contentfooter_images" /></a></div>
	</div>

  <div class="clearing"></div>
  </div><div class="clearing"></div>
</div>

</form>

</body>
</html>
Wie gesagt, die Inhaltsbilder sind da und die Textformatierung greift, aber die Container sitzen falsch und die Hintergrundbilder werden nicht geladen (kann man mit geändertem CSS-Pfad hinbiegen).

Hier noch das CSS dazu:

Datei: style_layout.css

Code: Alles auswählen

/*
 * CSS-Styles - Webversion
 * by Falko Müller 2007
*/


/* Allgemein */
html {
	background-attachment: scroll;
	background-color: #F5F5F5;
	background-image: url(hintergrund.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
}
body {
	background-attachment: scroll;
	background-image: url(hintergrund_content.gif);
	background-repeat: repeat-y;
	background-position: center 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 12pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	padding: 0px;
	min-height: 100%;
	width: 100%;
	text-align: center;
	margin-top: 28px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
* html body {
	background-attachment: scroll;
	background-image: url(hintergrund_content.gif);
	background-repeat: repeat-y;
	background-position: center 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 12pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	padding: 0px;
	height: 100%;
	min-height: 100%;
	width: 100%;
	text-align: center;
	margin-top: 28px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
td, th, tbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 12pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
th {
	font-weight: bold;
	padding: 3px;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: left;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	background-image: url(navi2_anstrich4.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	text-indent: 11px;
	color: #3E63AF;
}

h1 {
	font-size: 12.5pt;
	font-weight: bold;
	padding-top: 0px;
} 

h2 {
	font-size: 11.5pt;
	font-weight: bold;
	padding-top: 0px;
} 

h3 {
	font-size: 11pt;
	font-weight: bold;
} 

h4 {
	font-size: 10pt;
	font-weight: bold;
} 

h5 {
	font-size: 9pt;
	font-weight: bold;
} 

h6 {
	font-size: 8.5pt;
	font-weight: bold;
} 

div {
}

p {
}

span {
}

hr {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 100%;
	text-decoration: none;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: square;
	line-height: normal;
}
li {
}

a {
	color: #3E63AF;
}
a:hover {
	font-style: italic;
	text-decoration: none;
}
.logo {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.coverbild {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.seitenueberschrift {
	font-style: italic;
}
.clearing {
	clear:both;
	font-size: 0px;
	line-height: 0px;
	display: block;
	height: 0px;
	visibility: hidden;
}


/* Blöcke/Bereiche */
#block_default {
	padding: 0px;
	width: 848px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	clear: none;
	float: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	height: 100%;
	min-height: 100%;
	display: block;
	position: relative;
	z-index: 1;
}
* html #block_default {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
#block_kopfzeile {
	margin: 0px;
	padding: 0px;
	height: 64px;
	width: auto;
	background-color: #FFFFFF;
}

#block_kopfzeile_logo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 64px;
	width: 300px;
	clear: right;
}
#block_kopfzeile_navigation {
	margin: 0px;
	float: right;
	width: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#block_titelbild {
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	clear: none;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#block_hauptnavigation {
	background-attachment: scroll;
	background-image: url(navi1_hintergrund.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 100%;
	clear: none;
}
#block_trennleiste {
	padding: 0px;
	float: left;
	height: 7px;
	width: 100%;
	background-color: #CCCCCC;
	font-size: 1px;
	font-family: Arial, Helvetica, sans-serif;
	clear: none;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#block_unternavigation {
	padding: 0px;
	float: left;
	height: 60%;
	width: 177px;
	clear: none;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
#block_contentbereich {
	float: left;
	height: 60%;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	padding-top: 19px;
	padding-right: 23px;
	padding-bottom: 19px;
	padding-left: 23px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	width: 625px;
}
* html #block_contentbereich {
	float: left;
	height: 60%;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	padding-top: 19px;
	padding-right: 23px;
	padding-bottom: 19px;
	padding-left: 23px;
	width: auto;
}
#block_fusszeile {
	width: 848px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	text-decoration: none;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#block_contentfooter {
	float: left;
	width: auto;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #9D9D9D;
	height: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.contentfooter_left {
	clear: right;
	float: left;
	margin-right: 10px;
}
.contentfooter_right {
	clear: right;
	float: right;
	margin-left: 10px;
}
.contentfooter_images {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#block_heisenews {
	float: right;
	height: auto;
	width: auto;
	padding: 0px;
	clear: none;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.heisenews_titel {
	font-size: 7.5pt;
	font-weight: bold;
	color: #9F9F9F;
	text-decoration: none;
	clear: right;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	padding: 0px;
	height: auto;
	margin-top: 3px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.heisenews_news {
	clear: right;
	float: left;
	width: auto;
	margin-top: 4px;
}


/* Navigation */
.kopfnavigation_box {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	clear: right;
	float: left;
	height: 24px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 3px;
	width: auto;
	display: block;
	line-height: normal;
	margin: 0px;
}
.kopfnavigation_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	display: block;
	margin: 0px;
	line-height: normal;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.kopfnavigation_links:hover {
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.kopfnavigation_links {
	color: #999999;
	text-decoration: none;
	font-style: normal;
}
.kopfnavigation_links_selected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	display: block;
	margin: 0px;
	line-height: normal;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.kopfnavigation_links_selected:hover {
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.kopfnavigation_links_selected {
	color: #999999;
	text-decoration: none;
	font-style: normal;
}
.hauptnavigation_box {
	font-size: 10pt;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: right;
	float: left;
	height: 35px;
	width: 110px;
	line-height: 35px;
}
.hauptnavigation_links {
	color: #FFFFFF;
	text-decoration: none;
	height: 35px;
	width: 110px;
	margin: 0px;
	padding: 0px;
	display: block;
}
.hauptnavigation_links:hover {
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.hauptnavigation_links {
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
}
.hauptnavigation_links_selected {
	color: #333333;
	text-decoration: none;
	height: 35px;
	width: 110px;
	margin: 0px;
	padding: 0px;
	display: block;
}
.hauptnavigation_links_selected:hover {
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.hauptnavigation_links_selected {
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
.hauptnavigation_trenner {
	margin: 0px;
	padding: 0px;
	clear: right;
	float: left;
	height: 35px;
	width: 2px;
	display: block;
	background-image: url(navi1_trenner.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
}
.unternavigation_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	line-height: normal;
	clear: none;
	float: left;
	height: auto;
	width: 156px;
	margin: 0px;
	padding-top: 19px;
	padding-right: 7px;
	padding-bottom: 70px;
	padding-left: 7px;
	overflow: hidden;
}
.unternavigation_box_ueberschrift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2E4982;
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	display: block;
	line-height: normal;
	clear: none;
	float: left;
	height: auto;
	width: 100%;
	background-image: url(navi2_anstrich1.gif);
	background-repeat: repeat-x;
	background-position: left 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.unternavigation_box_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	display: block;
	line-height: normal;
	clear: none;
	float: left;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 16px;
	overflow: visible;
	padding: 0px;
	height: auto;
	width: auto;
}
* html .unternavigation_box_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	display: block;
	line-height: normal;
	padding: 0px;
	clear: none;
	float: left;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 8px;
}

.unternavigation_ueberschrift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2E4982;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
}
.unternavigation_links_ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.unternavigation_links_li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	height: auto;
	width: auto;
	line-height: 13px;
	font-size: 13px;
}
.unternavigation1_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #8B8B8B;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	line-height: normal;
	background-image: url(navi2_anstrich2.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: auto;
	display: block;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 11px;
	overflow: visible;
	width: 130px;
}
.unternavigation1_links:hover {
	color: #333333;
	text-decoration: none;
	background-image: url(navi2_anstrich2.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-style: normal;
}
a.unternavigation1_links {
	color: #8B8B8B;
	text-decoration: none;
	font-style: normal;
}
.unternavigation1_links_selected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2E4982;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	line-height: normal;
	background-image: url(navi2_anstrich2.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: auto;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
	overflow: visible;
	width: 130px;
}
.unternavigation1_links_selected:hover {
	color: #333333;
	text-decoration: none;
	background-image: url(navi2_anstrich2.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-style: normal;
}
a.unternavigation1_links_selected {
	color: #2E4982;
	text-decoration: none;
	font-style: normal;
}
.unternavigation2_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #7C7C7C;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	display: block;
	line-height: normal;
	background-image: url(navi2_anstrich3.gif);
	background-repeat: no-repeat;
	background-position: 14px 6px;
	white-space: nowrap;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 15px;
}
.unternavigation2_links:hover {
	color: #333333;
	text-decoration: none;
	background-image: url(navi2_anstrich3.gif);
	background-repeat: no-repeat;
	background-position: 14px 6px;
	font-style: normal;
}
a.unternavigation2_links {
	color: #7C7C7C;
	text-decoration: none;
	font-style: normal;
}
.unternavigation2_links_selected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2E4982;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	display: block;
	line-height: normal;
	background-image: url(navi2_anstrich3.gif);
	background-repeat: no-repeat;
	background-position: 14px 6px;
	white-space: nowrap;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 15px;
}
.unternavigation2_links_selected:hover {
	color: #333333;
	text-decoration: none;
	background-image: url(navi2_anstrich3.gif);
	background-repeat: no-repeat;
	background-position: 14px 6px;
	font-style: normal;
}
a.unternavigation2_links_selected {
	color: #2E4982;
	text-decoration: none;
	font-style: normal;
}
.unternavigation3_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #7C7C7C;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	display: block;
	line-height: normal;
	white-space: nowrap;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	height: 15px;
}
.unternavigation3_links:hover {
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.unternavigation3_links {
	color: #7C7C7C;
	text-decoration: none;
	font-style: normal;
}
.unternavigation3_links_selected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2E4982;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	display: block;
	line-height: normal;
	white-space: nowrap;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	height: 15px;
}
.unternavigation3_links_selected:hover {
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.unternavigation3_links_selected {
	color: #2E4982;
	text-decoration: none;
	font-style: normal;
}
.unternavigation_permanent_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	clear: none;
	float: left;
	height: auto;
	width: 167px;
	display: block;
	line-height: normal;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px;
}
.unternavigation_permanent_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	display: block;
	line-height: normal;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
	margin: 0px;
}
.unternavigation_permanent_links:hover {
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.unternavigation_permanent_links {
	color: #999999;
	text-decoration: none;
	font-style: normal;
}
.unternavigation_permanent_links_selected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: left;
	vertical-align: bottom;
	display: block;
	line-height: normal;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
	margin: 0px;
}
.unternavigation_permanent_links_selected:hover {
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
a.unternavigation_permanent_links_selected {
	color: #333333;
	text-decoration: none;
	font-style: normal;
}
.unternavigation_spacer {
	height: 19px;
	padding: 0px;
	clear: none;
	float: left;
	width: 167px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
}
.unternavigation_spacer_nonavi {
	height: 10px;
	padding: 0px;
	clear: none;
	float: left;
	width: 167px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
}
.fusszeile_links {
	color: #999999;
	text-decoration: none;
}


/* Formulare */
.suchbox {
	padding: 0px;
	float: right;
	height: 35px;
	width: auto;
	vertical-align: bottom;
	white-space: nowrap;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	text-align: right;
}
.suchbox_suchfeld_form {
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 15px;
	border: 1px solid #CCCCCC;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	font-style: italic;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}
.suchbox_button_form {
	padding: 0px;
	height: 18px;
	width: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	margin-top: 8px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/* Inhalte/Content */
#block_contentbereich ul {
	list-style-image: url(anstrich_liste_standard.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2em;
	line-height: 1.3em;
	padding: 0px;
}
* html #block_contentbereich ul {
	list-style-image: url(anstrich_liste_standard_ie.gif);
}
.newsteaser {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
} 
.newsteaser h1 {
	font-size: 10pt;
	font-weight: bold;
	padding-top: 0px;
	font-style: normal;
	color: #333333;
} 
.newsteaser h2 {
	text-align: left;
	background-image: none;
	text-indent: 0px;
	color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-style: normal;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -10px;
	margin-left: 0px;
}
.newsteaser h3 {
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	color: #333333;
} 
.aufzaehlung_vorteile {
	list-style-image: url(haeckchen_vorteile.gif);
	line-height: 1.4;
	padding: 0px;
	margin: 0px;
}
* html .aufzaehlung_vorteile {
	list-style-image: url(haeckchen_vorteile_ie.gif);
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.bild_links_mit_textfluss {
	text-align: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.bild_rechts_mit_textfluss {
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#werbelayer_kopf {
	background-color: #FFFF66;
	height: 70px;
	width: 200px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: visible;
	position: fest;
	visibility: visible;
	z-index: 10;
	left: 300px;
	top: 10px;
	right: auto;
}

.internet_referenzliste {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 1%;
}
.internet_referenzliste td {
	height: 50px;
	vertical-align: middle;
	font-size: 8.5pt;
	text-decoration: none;
	color: #4663AF;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}
#internet_referenzliste_leistungen {
	margin: 0px;
	padding: 0px;
	height: 1%;
}
#internet_referenzliste_leistungen td {
	height: 1%;
	vertical-align: middle;
	border: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}
.internet_referenzliste_hintergrundblau {
	background-color: #E7EDF5;
}
Datei: style_layout_ie7.css

Code: Alles auswählen

/*
 * CSS-Sytels
 * by Falko Müller
 * for IE7 and higher
*/


/* Blöcke/Bereiche */
html * #block_default {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

Thomas.Skerbis
Beiträge: 1371
Registriert: 4. Aug 2006, 14:06
Wohnort: Rheinberg
Kontaktdaten: Website Twitter

23. Jul 2007, 16:40

Das Problem liegt nicht beim Groupletter sondern an der verwendeten Rendering-Engine von Outlook 2007. Alle vorherigen Outlooks und O.Express nutzten die Rendereingine vom Internet Explorer. Seit Outlook 2007 wird Word zum Rendern der Emails eingesetzt. Daher funktioniert die Mehrheit der CSS-Definitionen nicht mehr.
Vielmehr muss man nun auf veraltete Tabellen und Font-Konstrukte zurückgreifen.
Siehe: http://www.golem.de/0701/49930.html
oder http://www.crmmanager.de/magazin/artike ... l_css.html

Benutzeravatar
Ruediger.Nitzsche
Beiträge: 2117
Registriert: 13. Dez 2005, 09:29
Wohnort: Coburg
Kontaktdaten: Website

23. Jul 2007, 18:07

http://msdn2.microsoft.com/en-us/library/aa338201.aspx ist auch noch ganz hilfreich bei diesem Thema.

Rüdiger
gn2 netwerk | gn2 hosting | REDAXO Referenzen | Github
Supportanfragen per PN werden gepflegt ignoriert

iceman-fx
Beiträge: 467
Registriert: 13. Feb 2007, 16:16
Wohnort: Sachsen
Kontaktdaten: Website

23. Jul 2007, 20:42

Ohh klasse...
...Microsoft und ihre Ideen alles zu verbessern :?

Na dann werde ich mich wieder in die althergebrachte Schreibweise reinversetzen und die DIVs für den NL über Bord werfen.

Ich danke Euch allen für den Tipp und melde mich wieder, wenn es geklappt hat.

iceman

grb2
Beiträge: 232
Registriert: 3. Feb 2006, 12:27
Wohnort: Weismain
Kontaktdaten: Website

24. Jul 2007, 16:50

Hallo zusammen,

auch ich musste feststellen, dass Outlook 2007 mit CSS-Anweisungen nicht viel anfangen kann und unser Newsletter Addonn umschreiben. Wenn man die Layoutanweisungen fest in den Code schreibt, können die Mails auch bei Freemailern online gelesen werden. Sonst würde auch hier das Layout zerstört werden, da diese Webmailer alles oberhalb des Body-Tags abschneiden.

VG Simon

Zurück zu „Allgemeines [R3]“