Question

I have the following elements: One text box over another for a watermark effect and validation. There is no problem with the position as I set the overlay’s coordinates on body.ready but the problem comes when one of the neighbouring containers is resized the overlaid element’s position get changed and my overlaying element gets wrong position. Is there a way(event) to see when the overlaid container is changing top and left coordinates and then change the top and left coordinates of the overlaying one. Thank you.

Answer 1

(simply posting the answer from the comment above)

You should give your wrapper position: relative:

HTML:

<div>
    <textarea><textarea>
    <textarea><textarea>
</div>

CSS:

div {
    position: relative;
}
textarea {
    position: absolute;
    top: 0; left: 0;
}