arno: Zerrissene Grafik. Nur bei großem Inhalt.In jedem Browser anders

Beitrag lesen

schönen guten tag !

ich habe bei meiner internetseite ein grundlegendes problem. ich habe bereits viel ausprobiert, komme aber einfach nicht weiter. ich denke jemand mit mehr html und css erfahrung als ich könnte mir auf die schnelle weiterhelfen.

das problem das ich habe ist folgendes: am unteren ende meiner webseite ist eine grafik, die immer am unteren ende des inhalts dargestellt werden soll. die grafik ist aber so aufgemacht, dass ein teil neben dem inhalt und ein teil unter dem inhalt dargestellt werden soll. eine korrekte darstellung kann man unter folgendem link sehen:

http://www.ratisbona-calling.de/index.php

der inhalt ist in einem, die grafik ist in zwei div containern untergebracht. der eine ist unterhalb des content containers und der andere relativ dazu darüber.
wenn nun aber mehr inhalt auf der seite dargestellt werden soll, wird die darstellung zerstört, und zwar in verschiedenen browsern auf unterschiedliche weise. im FF, unter Opera und bei Safari ist die grafik plötzlich zerteilt und der obere teil steht irgendwo rechts unterhalb des menüs an einer für mich nicht nachvollziehbaren position. im IE bleibt die grafik an ihrer stelle, dafür "bricht" der inhalt auf und verteilt sich bis nach rechts an den seitenrand. wenn ich auf dem ersten link mehr inhalt einfüge (durch einen weiteren newseintrag) passiert das gleiche. ein passender link hierzu:

http://www.ratisbona-calling.de/index.php?id=7

ich schätze ich habe einen simplen fehler gemacht, finde ihn aber leider nicht. ich bilde mir ein, als ich die webseite gebaut habe, war alles in ordnung, auch bei viel inhalt und ich kann mir nicht erklären, was ich dazwischen verändert habe um das zu zerstören. zum besseren nachvollziehen habe ich eine .rar datei gepackt, in der sich der basishtml aufbau, eine css datei und die beiden grafiken korrekt verlinkt befinden:

http://www.ratisbona-calling.de/hilfe.rar

tausend dank fürs helfen !!!

viele grüße

arno