Finding Absolute position of items in page

[DrButterfingers]

Hi,

I am creating a web site and decided that it would be best to center it, thus equalizing the white space on both sides of the screen.

unfortuantely it is coming back to haunt me with the positioning of the dropdown menu buttons. The script I have uses absolute positioning and I would rather dynamically figure out the correct position that the menu buttons should be in,rather than use a series of conditional statements to catch "all" variations of screen display resolutions and browser percularities.

So! Is there a way that I could find the absolute position of a table or some other HTML tag relative to the top
(and/or left)of the screen?

Also does anybody know where I can find a complete list of all the object properties I can use with javascript?

Regards and thanks in advance,

Dr.Butterfingers

 

[adam0101]

I got this from someone else on the forum. I can't remember who though:

function getCoordinates( obj ) {
    var x = 0; var y = 0;
    if( typeof obj == "string" ) {
        obj = document.getElementById( obj );
    }
    if( obj != null ) {
        while( obj.tagName != "BODY" ) {
            x += obj.offsetLeft;
            y += obj.offsetTop;
            obj = obj.offsetParent;
        }
        return [x,y];
    } else {
       return [0,0];
    }
}

function example(){
  var div=document.getElementById("myDiv");
  var coords=getCoordinates("myTarget");
  div.style.left=coords[0];
  div.style.top=coords[1];
}

Adam
while(ignorance){perpetuate(violence,fear,hatred);life=life-1};