Probleme bei der Darstellung des Hintergrundbilds im #container

**Verena** · 21.07.2010, 10:52

Hallo zusammen,

so langsam verzweifle ich - eine direkte Lösung habe ich in den Beiträgen leider aber auch nicht entdecken können...

Ich nutze Contao 2.9.0 und habe per css im #container ein Hintergrundbild hinterlegt.
Dies wird nur sichtbar, wenn ich dem #container eine direkte Höhenangabe zuweise. Bei Werten wie "100%" oder "auto" passiert hingegen nichts.

Nun gibt es allerdings Seiten, die durchaus länger werden können. Dann wird der Text einfach weitergeschrieben und die Hintergrundgrafik hört nach der festgelegten Höhe im #container auf.

Das Problem hatte ich bisher noch nie und finde bisher auch keinen Fehler im "drumherum"

Habt Ihr einen Lösungsansatz?

Grüße
Verena

**planepix** · 21.07.2010, 10:56

Hallo Verena,

gibt ein lebendes Beispiel (Link)?

Ansonsten aufschlussreich:

http://css-tricks.com/perfect-full-p...ckground-image

http://www.alistapart.com/articles/s...ground-please/

**blueamerican** · 21.07.2010, 11:03

hmm ich hatte die vermutung dass es an dem nicht geclearten #container liegt... ähnliches verhalten kommt beim #header vor... das mitgeben einer höhe führt dann zu "haslayout" bzw. ersetzt des clearen...

bei mir klappt es aber auch ohne höhe mit dem hintergrundbild im container...

evtl hast du einen fehler im css

**Verena** · 21.07.2010, 11:03

Hallo,

schick ich dir per Mail :-)

Danke schon mal.

Grüße
Verena

**blueamerican** · 21.07.2010, 11:09

ok, du kannst natürlich auch das hier zusätzlich ins css schreiben, dann sollte es gehen:-)

#container:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#container {
min-height: 1px;
}
* html #container {
height: 1px;

/* Hack for IE Mac \*//*/
height: auto;
overflow: hidden;
/**/
}