Das wäre für html5 und müsste im Layout unter "Eigener Javascript-Code" eingefügt werden. Damit wird der Bereich in der Höhe beim laden der Seite an die Bildhöhe angepasst. Da fehlt noch ein bisschen was, aber so kann es laufen. bin gerade zu beschäftigt ...
Da fehlt z.B. die Abfrage wenn kein Bild gefunden wird und eine bessere Eingrenzung der Auswahl des Elements.
Code:
<script>
function resize()
{
var container = document.getElementById('imagecontainer');
var main = document.getElementById ("main");
var articleimage = main.getElementsByClassName("image_container")[0];
// hier gibt es das Problem, dass das Bild keine ID hat und somit nicht eindeutig ist.
// Könnte man im template ändern.
// So wie es oben steht ist das erste Bild im Bereich #main,
// das Bild, dass die Größe des #imagecontainer-Bereichs angibt.
// Wenn da noch mehr Bilder sind kann das natürlich schief gehen ...
container.style.height = parseInt(articleimage.offsetHeight) + "px";
}
resize();
</script>