How to fix the appending effect problem while resolution changes?

How to fix the appending effect problem while resolution changes?


The concept of this code shows the position alignment and extracting the exavt pixel information.
from this we can get the parent div co ordinates for the purpose of writing text and append it on a background image.
It is not only for development purpose it also used as the watermark effect and shows the bioinformatic output system.
similarly it is helpful for image enhancement and face recognition process.

Now use any combination of layers and layer masks to generate the image you want.
The text will reside on its own layer.

jQuery(function() {
jQuery("#draggable").draggable({
containment: "#container",
scroll: false,
drag: function(event) {
o = $(this).offset();
p = $(this).position();
jQuery('.count').html(p.left + ', ' + p.top);
}
});

function updateCoordinate(newCoordinate) {
jQuery(".count").text(newCoordinate);
}

});

It avoids the problem like getting child div pixels.because incase of inner div
the values will vary one system to other based on its resolution...