Bernhard: Per Javascript das DOM verändern

Beitrag lesen

Hallo Forum,

ich habe ein echtes Problem mit meinem Javascript Code. Ich Benutze Typo3 (Content Management System) welches mir eine Seite mit einem  LayerMenu generiert. Dieses Menü funktioniert auch wunderbar. Nun möchte ich meine Seite aber Zentriert darstellen, da Typo3 diese Möglichkeit leider nicht bietet habe ich  einfach ein kleines Javascript geschrieben was um die gesamte Seite einen DIV-Tag packt. Der DIV-Tag wird dann per CSS zentriert und die Seite damit auch.

Das JS-Stückchen:
document.getElementsByTagName("body")[0].innerHTML = " <div id="zentrierung"> "+ document.getElementsByTagName("body")[0].innerHTML + "</div>";

Problem: Nachdem ich das gemacht habe funktioniert das Layer Menü nicht mehr richtig. Es treten ereignisreihenfolgen auf die ohne das zentrieren nicht auftretet und das Menü verschwindet nicht mehr wenn man mit der Maus den Menubereich verlässt. Ein ähnliches Phänomen hatte ich mal mit einem Ticker der nach dem zentrieren nicht mehr tickern wollte. Kann mir jemand sagen warum Javascript Probleme damit hat wenn ich den Body erweitere?

Danke im Voraus für Eure Hinweise
Bernhard