Home/ Questions/Q 8775523
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T18:49:14+00:00

I’m trying to move my div in exact place (in pixels) I want (coordinates

  • 0

I’m trying to move my div in exact place (in pixels) I want (coordinates should be relative to parent’s div).

I’ve tried to write this:

<body>
    <div id="desk" style="position: absolute; width:400; height:400; background-color:blue;" >
        <div id="cell1" style="position: absolute; left: 51px; top: 1px; width: 48px; height: 48px; color:black; background-color:black;" />
        <div id="cell2" style="position: absolute; left: 1px; top: 51px; width: 48px; height: 48px; color:black; background-color:black;" />
    </div>
</body>

Here are two squares in (51,1) and (1,51) coordinates.

I’ve expected to get this:

expected

but got this:

enter image description here

Why? What I’m doing wrong and how it can be made properly?

P.S. ‘fixed’ instead ‘absolute’ will do the job, but squares are positioned not under parent div and does not respond to scrolling. Is there any way to fix it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This works for me:

    <div id="desk" style="position: relative; width:400px; height:400px; background-color:blue;" >
    <div id="cell1" style="position: absolute; left: 51px; top: 1px; width: 48px; height: 48px; color:black; background-color:black;"></div>
    <div id="cell2" style="position: absolute; left: 1px; top: 51px; width: 48px; height: 48px; color:black; background-color:black;" ></div>
</div>

    1. Close <div> tags. It thinks, that the 2-nd div is the child of the 1-st.

    2. Use px in width:400px; height:400px;

    • 0