dave dave - 5 months ago 61
CSS Question

CSS position: absolute screen resolution problem

CSS code:


I have done the above coding for a floating
when I was working on 1024 resolution, but when I tested the same on a different resolution it's out of alignment.

How can we fix it?

Pat Pat

Absolutely positioned elements are positioned according to either a relatively positioned ancestor or the window. It sounds like in your case, it's being positioned in the window.

The way to fix this is to put your absolutely positioned <div> inside a relative container. That way, as the window changes size, it will stay in the correct spot:

<div style="position: relative">
    <div style="position: absolute; left: 98px; top: 45px;">
         This div will always be 98px from the left and 45px from the top of its parent .