✔ Dynamischer Hintergrund bei Div's

[Markus Schott]

Hi,

ich kämpfe momentan mit einem kleinen Problem. Ich hoffe ich kann euch das verständlich machen. Google half mir wenig, da mir auch irgendwie die passenden Begriffe für mein Problem fehlen.

Ich hätte gerne ein art "Sprechblase" die sich je nach länge des Textes nach unten vergrössert. Ich habe bis jetzt 2 Hintergrund-Grafiken.

1x den oberen Teil der Sprechblase mit einer Höhe von beispielsweise XXX px
1x den unteren Teil der Sprechblase der immer gleich bleibt

Diese Teile Zusammen sehen aus wie eine komplette Sprechblase

Wie bekomm ich es hin das die Höhe der Blase, bzw. der oberen Grafik sich dem Inhalt anpasst? Zur verdeutlichung hab ich euch noch die 2 Grafiken angehängt da es doch recht schwierig zu beschreiben ist.


Markus

 

[Maik]

Hi,

die Sprechblase benötigt drei Segmente: oben, mitte und unten. Die dazugehörigen DIVs werden dann ineinander verschachtelt (Zwiebelschalen-Technik), damit der mittlere Abschnitt mit dem Inhalt mitwächst.

 

[Markus Schott]

Mh.... ok ich werd es mal mit den 3 Teilen versuchen. Daran hab ich noch gar nicht gedacht.
Danke für den Tipp Maik!

 

[Maik]

Beim "Super Bowl" war gerade Halbzeit, also hab ich mich mal kurz dran gesetzt, den oberen Teil der Sprechblase entsprechend aufzusplitten und das dazugehörige CSS-Modell zu stricken - frei nach dem Motto: "Wer rastet, der rostet".

 

[Markus Schott]

Danke Maik für deine Arbeit, das kann ich noch gebrauchen. Deins sieht sauberer aus.

Ich habe nach dem gleichen Vorsatz gearbeitet und war heute Nacht ein bisschen länger wach.
Ich hab es jetzt auch mit den 2 Grafiken hinbekommen. Funktioniert einwandfrei! (siehe Anhang)
Werde aber deine Lösung nehmen da ich ein bisschen mehr code habe!