Conny: Bild, Bildunterschrift und Inhalt variabel positionieren

Beitrag lesen

Hallo ihr,

ich habe ein Bild (B), eine Bildunterschrift (BU) und Text auf je einer Ebene liegen. Bild und Bildunterschrift befinden sich wiederum auf einer Ebene und alles zusammen ebenfalls auf einer. Also so:

--1-------------------------------------
|                                      |
|    --2-------  --5-----------------  |
|    | -3---  |  |                  |  |
|    | |    | |  |                  |  |
|    | | B  | |  |   Text           |  |
|    | |    | |  |                  |  |
|    | -----  |  |                  |  |
|    | --4--  |  |                  |  |
|    | | BU | |  |                  |  |
|    | -----  |  |                  |  |
|    ---------   -------------------   |
|                                      |
----------------------------------------

Für die Anordnung habe ich die Ebenen 3 und 4 gefloatet, ebenso 2 und 5.

Nun hätte ich gerne, dass sich das alles dem Bild anpasst. Ist es ein schmales Bild, soll der Text entsprechend nach links rücken, ist es ein breites, folglich nach rechts. Die Bildunterschrift soll die Breite des Bildes einnehmen. Eine feste Breite für die Ebenen 2, 3 und/oder 4 kommt also nicht in Frage.

Das Problem an der Sache ist, dass das Bild die Breite der Ebene 2 ja nicht automatisch beeinflusst. Ich habe mit min- und max-width, width:auto; herumgespielt und auch das Herausnehmen aus Ebenen (Style-Angaben über <p>, <span>,...) und dergleichen mehr ausprobiert, aber es will nicht funktionieren.

Kann mich jemand erleuchten?

Grüße,
Conny