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
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/
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/
- n.ruediger
- Beiträge: 405
- Registriert: 21. Mär 2007, 12:25
- Wohnort: Frankfurt (Oder)
- Kontaktdaten: ICQ Website Yahoo Messenger
na klar, hier ist er...
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
Datei: style_layout_ie7.css
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ässlichen Kommunikationsmittel für viele Firmen geworden. Dank einer eigenen Homepage können auch Sie sich der ganzen Welt vorstellen und neue Kunden und Partner finden.<br />
<br />
Wir erstellen Ihre eigene Internetpräsenz individuell auf Sie abgestimmt, egal ob es die Homepage für ein kleines Unternehmen oder komplexe Webanwendungen für größere Firmen sind.<br />
<br />
Vom <strong>Design</strong> über die <strong>Speicherung</strong> bis hin zur <strong>Bekanntmachung</strong> und zur <strong>persö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"> </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"> </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ä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äft oder <br />
Ihre Stadt besichtigen.</span>
</p>
</td>
</tr>
</tbody>
</table>
<p>
<br />
<strong>Unser Leistungsangebot im Ü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>
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;
}
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;
}
-
- Beiträge: 1371
- Registriert: 4. Aug 2006, 14:06
- Wohnort: Rheinberg
- Kontaktdaten: Website Twitter
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
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
- Ruediger.Nitzsche
- Beiträge: 2117
- Registriert: 13. Dez 2005, 09:29
- Wohnort: Coburg
- Kontaktdaten: Website
http://msdn2.microsoft.com/en-us/library/aa338201.aspx ist auch noch ganz hilfreich bei diesem Thema.
Rüdiger
Rüdiger
gn2 netwerk | gn2 hosting | REDAXO Referenzen | Github
Supportanfragen per PN werden gepflegt ignoriert
Supportanfragen per PN werden gepflegt ignoriert
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
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