Es kommt immer wieder vor, dass man beim Programmieren von Webseiten 2 div Container nebeneinander stehen hat. Nehmen wir doch mal eine klassische html Webseite. Dort ist zu Beispiel der Linke div Container für den Inhalt verantwortlich und der rechte div Container für das Menü.
Nun kommt es jedoch bei kurzen, oder langen Beiträgen (auf der linken Seite) vor, das die Höhe beider div Container nicht gleich sind und dementsprechend auch die Hintergrundfarbe (oder die Grafik) nicht auf einen gleichen Nenner gebracht werden.
Man kann diese Problematik mit einem kleinen Script lösen:
<script type="text/javascript">
var left = document.getElementById("content");
var right = document.getElementById("right-box");if(left.offsetHeight > right.offsetHeight)
{
right.style.height = left.offsetHeight+"px";
}
</script>
Dieses Script muss nun auf jeder Seite eingebunden werden. Die ID´s müssen den ID´s der beiden div Container angepasst sein. und somit sollte es funktionieren.
