Positionering af layer med javascript.

Jeg er i gang med at lave et design, hvor der skal være en ramme udenom. Det foreløbige kan ses her: http://purpleheart.frac.dk/design.html . Jeg har lagt det hele i div-tags for at prøve noget nyt i stedet for tables. Problemet består så i at få den nederste del af rammen til at sidde rigtigt, selvom jeg ikke nødvendigvis kender højden på det layer som teksten står i. Jeg har prøvet at filkke noget javascript sammen, men det er ikke lige det sprog jeg er stærkest i, så det virker ikke:

// Browser sniffer
var ver3 = (navigator.appVersion.charAt(0) <= "3") ? true : false;
var dom = (document.getElementById) ? true : false;
var ie4 = (navigator.appVersion.indexOf("MSIE 4") != -1) ? true : false;
var ns4 = (document.layers) ? true : false;
var ie5  = (navigator.appVersion.indexOf("MSIE 5") != -1) ? true :false;
var n6 = (document.getElementById && !document.all) ? true :false;
var ie6 = (navigator.appVersion.indexOf("MSIE 6") != -1) ? true :false;
var opera = (navigator.userAgent.indexOf("Opera") != -1) ? true :false;
var msie = (document.all) ?true:false;

// Funktioner
function bottompos() {
var height;
    if(dom) {
            height = document.getElementById('main').style.height + 145;
            document.getElementById('main').style.top = height + "px";
    }
    else
    if(ie4) {
            height = document.all['main'].clientHeight + 145;
            document.all['main'].clientTop = height + "px";
    }
    else
    if (ns4) {
            height = document.layers['main'].document.height + 145;
            document.layers['main'].document.top = height + "px";
    }
    alert(height);
}

Jeg er også åben for en løsning uden position: absolute, men jeg vil ikke have layoutet i tables. Sidst men ikke mindst, vil jeg gerne vide om der er en god måde at centrere hele designet på? Det kan jeg nemlig heller ikke helt klare når jeg bruger position: absolute.