Content soll mitwachsen aber 120px in den Footer reinschauen

[GustlPC]

Hallo Zusammen,

habe ein Problem mit folgendem Aufbau:
http://tsv-kunreuth.j-haefner.de/

Der Content, der Beispieltext wächst mit, aber er soll ca. 120px in den Footer reinschauen. Da der Schatten links und rechts im Footer von oben nach unten abnimmt, kann ich die Höhe vom Footer leider nicht kleiner machen.

Gibt es eine Möglichkeit dies zu realisieren?

Wenn ich mit -margin im content arbeite, habe ich zwar den Text an gewünschter Position, aber der 1px hohe Background geht dann auch mit und überdeckt den Schatten dann:
http://tsv-kunreuth.j-haefner.de/index.pl?page=margin_minus

Hat wer eine Idee?

Gruß

 

[Daaron]

http://www.css3.info/preview/multiple-backgrounds/

1 Wrapper-Element, 3 Hintergründe... Könnte klappen

 

[GustlPC]

Danke, aber klappt nur wenn in den backgrounds keine Transparenz drinnen ist.
Leider überlagern sich diese in dieser Lösung auch wieder.

 

[palace4d]

Der Footer muss negatives margin-top bekommen + Content BG als Grafik mit durchgängigen Schatten.
Im Header & Footer die Grafiken wo der Schatten abnimmt.
BTW Schatten als Grafiken sind Rotz ... gibt mit CSS3 / IE Filter / SVG bessere Ansätze...
Arbeite lieber nach dem Prinzip Progressive Enhancement... Für Schrottbrowser das nötigste und danach für bessere optimieren.