Hallo,
also, ich habe ein etwas kniffliges Problem, bei dem ich echte CSS Pros brauche:
ich habe eine Sprechblase (div-box) - in dieser Sprechblase können sich 1 - 5 Bilder befinden, darunter ein Text. Die MINIMUM Breite der Sprechblase beträgt 390px, die MAXIMALE Breite 590px. Wie groß die Sprechblase im Endeffekt tatsächlich ist, ergibt sich aus einem Text, der unter der Bilder steht und immer absolut unterschiedlich ist. Die Bilder haben, je nachdem wieviele es sind, einen Prozent wert von 100% bei einem Bild, 50% bei zwei Bildern, 33% bei drei Bildern, 25% bei vier Bildern und 20% bei fünf Bildern. Egal, wie breit die Sprechblase ist, die Bilder sollen sich immer an die Breite anpassen - das funktioniert auch schon ganz gut.
Mein Problem ist die Höhe: die Bilder sollen möglichst immer rechteckig, quer sein. Wenn ich nun ein Bild hab, die Sprechblase 390px breit ist (also das Minimum), dann hat das eine Bild am besten eine Höhe von 200px. Ist die Sprechblase aber (wegen dem Text darunter) doch 590px breit, dann ist das Bild in die Länge gezogen aber trotzdem nur 200px hoch. Die Höhe soll sich also automatisch relativ an die prozentuelle Größe anpassen - genau das selbe, wenn mehrere Bilder drinnen sind.
Jemand eine Idee (oder einen Hack) wie sowas am besten umsetzbar ist ?
lg