Question

var wdt = document.body.offsetWidth/2.6

var hgt = document.body.offsetHeight/4

$("#element").offset({left:wdt, top:hgt})

what i am trying to do is position the image(#element) relative to the body..ie to the center with respect to the window … for different Browser/window sizes/screen….irrespective of any screen.

Is this valid.. or are there any more..?

Answer 1

$("#element").css({left:50%, top:50%});

or

$("#element").css({left:window.innerWidth/2.6, top:window.innerHeight/4});

Should do it. Or better yet, in your CSS file:

#element {
    left:50%;
    top:50%;
}

Be aware that this will position your element based on the upper left corner, so it won’t appear to be in the exact center. To account for that, you could do this (keeping the above CSS):

$("#element").offset({
    left:-$(this).css("width")/2,
    top:-$(this).css("height")/2
});