JavaScript Problem beim zentrieren eines <div>?!?

[Chris-D]

Tach allerseits!

Folgendes Problem: Ich zentriere mittels <div>-Container ein Layout bei höheren Auflösungen, was soweit auch klappt.
Ist das Anzeigefeld nun aber kleiner (als bei einer Auflösung von 1024x768), dann wird mein Layout an allen Seiten beschnitten.

Ich habe bereits versucht, das Problem mittels JavaScript zu lösen, aber irgendwie haut das nicht 100%ig hin. Kann mir jemand sagen, ob am Code vielleicht was falsch ist?!?

Code des Scriptes:

window.onresize = function() {
 var o = document.getElementById('tabelle'); var x, y;

if (self.innerHeight) { y = self.innerHeight; x = self.innerWidth; }
 else if (document.documentElement && document.documentElement.clientHeight) { y = document.documentElement.clientHeight; x = document.documentElement.clientWidth; }
 else if (document.body) { y = document.body.clientHeight; x = document.body.clientWidth; }

o.style.marginTop = (y < o.offsetHeight) ? 0 : Math.round(o.offsetHeight/2)*-1+'px';
 o.style.top = (y < o.offsetHeight) ? 0 : '50%';
 o.style.marginLeft = (x < o.offsetWidth) ? 0 : Math.round(o.offsetWidth/2)*-1+'px';
 o.style.left = (x < o.offsetWidth) ? 0 : '50%';}

Wäre super, wenn jemand ne Idee dazu hätte...
Oder hat sogar jemand schonmal ein solches Script erstellt??
Danke im Voraus!