I'm just a newbie to absolute positioning...
I'm working on a complex absolute positioning page with lots of absolute positioning text.
When I use DW8 on pc and I try to move absolute divs - they jump around to the wrong place and / or resize themselves way beyond what I dragged.
ex: I will click on a piece of text and a blue box highlights the whole div. - when i get the 4 arrow cursor - I then try to drag a corner or middle marker at the dot and when I let go the box never does what I expect - too small or big or jumps to a different place.
Also the same happens when I try to drag the top left box to move the whole object.
I imagine some kind of snap to grid setting might be on or some other absolute positioning issue....
Q: Any ideas how to fix this?
<div id="apDiv3" style="position: absolute; left: 172px; top: 76px; width: 728px; height: 16px; z-index: 3; text-align: left"><strong>some text here</strong></div>
I think I found it: UNCHECK prevent overlaps in CSS layers tab
now it works well.
Before you get all happy and pleased with yourself, APDivs or Layers seldom work well as a primary layout method. Here are some reasons why:
You're much better off using default CSS positioning (which is no positioning at all) along with CSS margins, padding and floats. If you don't believe me, check your page in non-IE browsers with increased/decreased text-sizes (zoom, text only).
From Tables to CSS Web Design Part 1 -