Ahoi!

Ich habe zZ ein Problem. Dieses Problem ist etwas kompliziert zu erklären, also hab ichs versucht mit Bildern darzustellen.

1. Ich habe 3 Divs untereinander. Diese 3 Divs stellen Grafiken dar, wobei (v.o.n.u.) Top -> Content -> Footer gelten. Das ganze soll für eine Box sein. Oben kann Content stehen - und auch - in der Mitte (Content) soll der eigentliche Inhalt sein.



Die beiden Grünen Flächen symbolisieren Footer und Header, das Dunkle in der Mitten den Content.
Footer und Header müssen diese Größe haben, da sie sonst keinen Anschluss an den Content finden.

2. Will ich nun Text oder Ähnliches in den Content schmeißen, sieht das ca. so aus:



Die orange Fläche symbolisiert den Inhalt. Doch sieht das doof aus, da der eigentliche Content erst so spät - und so früh - anfängt bzw. endet.

3. Also solls so aussehen:


Die Box soll sich dennoch verlängern können (also der dunkle Bereich inner Mitte) und der eigentliche Content soll "früher" anfangen - und "später" enden.

4.


Die kurzen roten Strichte symbolisieren den Abstand zum Top und Bot - der linke rote Strich symbolisiert jenen Content, der sich verlängern soll.


Gibt es da eine Möglichkeit?

Danke, Yada

Niemand eine Idee?

mhhh ich versteh nicht ganz was du machen willst.. du willst im prinzip 3 container haben, einer für den header, einer für den content und einer für den footer ja?

und der text soll in alle 3 container reinreichen oder wie? das ist irgendwie verwirrent

hast du auch n beispiel, wo es umgesetzt ist, dass man sich das mit dem text vorsteollen kann?

wieso bleibst du denn nciht mit dem text im content-bereich und machst den flexibel nach unten verlängerbar?