---
title: "Hintergrundbild in CSS-Datei einbinden"
url: "https://www.typo3.net/d/39821-hintergrundbild-in-css-datei-einbinden"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2006-03-19"
last_reply: "2006-03-21"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# Hintergrundbild in CSS-Datei einbinden

Allgemein · 7 Antworten · gestartet 2006-03-19

## Eröffnungsbeitrag

**bejay** · 2006-03-19 · [Beitrag #1](https://www.typo3.net/d/39821-hintergrundbild-in-css-datei-einbinden/1)

Hallo,
mein Template liegt in
/fileadmin/template/main/template.htm
das Stylesheet in
/fileadmin/template/main/res/style.css
der Hintergrund in
/fileadmin/template/main/images/allgemein/bg.jpg

in der css habe ich
BODY {background-image:url(/fileadmin/template/main/images/allgemein/bg.jpg)}
eingetragen aber der Hintergrund wird nicht angezeigt.
Gruß
bejay

## Antworten

### [#2](https://www.typo3.net/d/39821-hintergrundbild-in-css-datei-einbinden/2) · theo · 2006-03-20

Vorschlag:

```html
...
{
background:url(fileadmin/template/main/images/allgemein/bg.jpg);
}
...
```

### [#3](https://www.typo3.net/d/39821-hintergrundbild-in-css-datei-einbinden/3) · lemmork · 2006-03-20

Hallo,

wenn du ein externes Stylesheet hast, dann musst du den Pfad zu der Datei relativ von der Stylesheet-Datei aus angeben.
Also wenn das Stylesheet in dem Ordner
/fileadmin/template/main/res/
liegt, muss der Pfad zu der Datei in dem Ordner
/fileadmin/template/main/images/allgemein/bg.jpg

wie folgt lauten:
../images/allgemein/bg.jpg

Gruß
Heiko

### [#4](https://www.typo3.net/d/39821-hintergrundbild-in-css-datei-einbinden/4) · theo · 2006-03-20

> **lemmork schrieb:**
>
> wenn du ein externes Stylesheet hast, dann **musst** du den Pfad zu der Datei relativ von der Stylesheet-Datei aus angeben.
> Also wenn das Stylesheet in dem Ordner
> /fileadmin/template/main/res/
> liegt, **muss** der Pfad zu der Datei in dem Ordner
> /fileadmin/template/main/images/allgemein/bg.jpg
>
> wie folgt lauten:
> ../images/allgemein/bg.jpg
>
> Gruß
> Heiko

Nö. **Müssen** muß hier gar nichts.

### [#5](https://www.typo3.net/d/39821-hintergrundbild-in-css-datei-einbinden/5) · m.​helmich · 2006-03-20

> **theo schrieb:**
>
> > **lemmork schrieb:**
> >
> > wenn du ein externes Stylesheet hast, dann **musst** du den Pfad zu der Datei relativ von der Stylesheet-Datei aus angeben.
> > Also wenn das Stylesheet in dem Ordner
> > /fileadmin/template/main/res/
> > liegt, **muss** der Pfad zu der Datei in dem Ordner
> > /fileadmin/template/main/images/allgemein/bg.jpg
> >
> > wie folgt lauten:
> > ../images/allgemein/bg.jpg
> >
> > Gruß
> > Heiko
>
> Nö. **Müssen** muß hier gar nichts.

Guten Tag.
Doch. Dein Vorschlag war nicht korrekt, weil es sich immer noch um einen relativen Pfad handelt. Will man mit absoluten Pfaden arbeiten, muss es so heißen:
background:url(<http://www.domain.de/fileadmin/template/main/images/allgemein/bg.jpg>);
Die einzig korrekte Lösung mit relativen Pfaden ist die von lemmork.

Andernfalls wird das Hintergrundbild vom CSS unter dem Pfad "/fileadmin/template/main/res/fileadmin/template/main/images/allgemein/bg.jpg" gesucht, wo es ja aber nicht liegt.

### [#6](https://www.typo3.net/d/39821-hintergrundbild-in-css-datei-einbinden/6) · theo · 2006-03-20

> **m.helmich schrieb:**
>
> ...
> Doch. Dein Vorschlag war nicht korrekt, weil es sich immer noch um einen relativen Pfad handelt. Will man mit absoluten Pfaden arbeiten, muss es so heißen:
> background:url(<http://www.domain.de/fileadmin/template/main/images/allgemein/bg.jpg>);
> Die einzig korrekte Lösung mit relativen Pfaden ist die von lemmork.
>
> Andernfalls wird das Hintergrundbild vom CSS unter dem Pfad "/fileadmin/template/main/res/fileadmin/template/main/images/allgemein/bg.jpg" gesucht, wo es ja aber nicht liegt.

Hallo,
im Prinzip hast Du ja recht, aber ich mache es so wie oben beschrieben auf allen meinem mittwald-accounts und es funktioniert. Die regelkonforme von Dir beschriebene Variante funktioniert dagegen leider (für mich unverständlicherweise) nicht.
Grundsätzlich poste ich auch solche eindeutig besserwisserischen Hinweise und Kommentare niemals, ohne es vorher verifiziert zu haben  (denn wenn gerade solch ein Kommentar nicht stimmt, dann bekomme ich natürlich erst recht Haue... ;) ).

Aktuelles Beispiel aus meiner realen virtuellen Welt:
css-Datei liegt im Ordner /fileadmin/templates/css
background-image liegt im Ordner /fileadmin/templates/gfx

Eingebunden habe ich es erfolgreich mit

```html
background-image:url(/fileadmin/templates/gfx/bg-image.png);
```

Da ich weiß, daß die vorher angeführte Regel ja wirklich regelgerecht und sauber ist, meine aber ebenso funktioniert, habe ich mir halt angemaßt darauf hinzuweisen, daß man nix **müssen** muß... ;)

> **m.helmich schrieb:**
>
> Andernfalls wird das Hintergrundbild vom CSS unter dem Pfad "/fileadmin/template/main/res/fileadmin/template/main/images/allgemein/bg.jpg" gesucht, wo es ja aber nicht liegt.

Theoretisch ja, praktisch nein.

Kann ja nix dafür, daß es schon immer so funktioniert hat.

### [#7](https://www.typo3.net/d/39821-hintergrundbild-in-css-datei-einbinden/7) · bejay · 2006-03-21

Vieen Dank für die Antworten
ich hab es jetzt

gruss
bejay

### [#8](https://www.typo3.net/d/39821-hintergrundbild-in-css-datei-einbinden/8) · theo · 2006-03-21

> **bejay schrieb:**
>
> ...ich hab es jetzt

nämlich??

---

Quelle: „Hintergrundbild in CSS-Datei einbinden“, typo3.net, https://www.typo3.net/d/39821-hintergrundbild-in-css-datei-einbinden
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.