---
title: "css Hintergrundbilder / outlook 2003"
url: "https://www.typo3.net/d/31191-css-hintergrundbilder-outlook-2003"
source: "typo3.net"
tags: ["Extensions","Direct Mail","Frage","HTML & CSS"]
created: "2005-10-05"
last_reply: "2005-10-10"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# css Hintergrundbilder / outlook 2003

Extensions · 3 Antworten · gestartet 2005-10-05

## Eröffnungsbeitrag

**marksta** · 2005-10-05 · [Beitrag #1](https://www.typo3.net/d/31191-css-hintergrundbilder-outlook-2003/1)

Hallo zusammen

Wie ich der Liste entehmen kann haben schon mehrere Leute Probleme mit css/bildern die als link bzw. als URL eingebunden werden, da Outlook 2003 dies ja nicht nachlädt.

Das CSS-Problem kann ich ja per inline-css Lösen, soweit so gut. Wir kriege ich aber nun z.B. Hintergrundbilder automatisch ins Mail mitrein?

Bin über jeglingen Hinweis dankbar.

Gruss
Markus

## Antworten

### [#2](https://www.typo3.net/d/31191-css-hintergrundbilder-outlook-2003/2) · marksta · 2005-10-08

Hab das Problem num mit CSS gelöst, Hintergrundbild als richtiges Bild mit in die Mail, und z-Index anpassen.

Gruss
Markus

### [#3](https://www.typo3.net/d/31191-css-hintergrundbilder-outlook-2003/3) · theo · 2005-10-08

Kannst Du das mal bitte volldeppentauglich erklären?
Merci  ;)

### [#4](https://www.typo3.net/d/31191-css-hintergrundbilder-outlook-2003/4) · marksta · 2005-10-10

Hallo Theo

Hab ich so gemacht: Unten am Template noch ein zusätzliches div:

```html
<div style="z-index:1;">
	<img src="images/bg3.jpg" style="top:0;left:0;position:absolute" alt="" /></a>
</div>
```

Den anderen div's habe ich dann entsprechend höhere z-Indexe zugeordnet:

```html
<div id="content" style="z-index:2;">
	<h2>25.8.03 Etiam vitae nibh et mauris</h2>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque 
        enim lorem, interdum eget, sollicitudin eu, tempor sit amet, dui. Etiam 
        vitae nibh et mauris condimentum lobortis. Nullam lobortis sollicitudin 
        quam. Mauris id nulla a sem placerat congue. Sed pede risus, suscipit 
        nec, volutpat eu, blandit sit amet, enim. Aenean eget tortor in enim varius 
        mattis.</p>
</div>
```

Wichtig dabei ist, dass alle Elemente absolut positioniert sind, da ansonsten der z-index keine Wirkung zeigt und die Elemente dann verschwinden.

Damit das ganze vernünftig aussieht hab ich zusätzlich noch alle Styles direkt in den head-Teil geschrieben, da ja Outlook das css File auch nicht nachlädt.

Hoffentlich hilfts, sonst einfach nochmals melden.

Gruss
Markus

---

Quelle: „css Hintergrundbilder / outlook 2003“, typo3.net, https://www.typo3.net/d/31191-css-hintergrundbilder-outlook-2003
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.