Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You may find this helpful <a href="http://www.alistapart.com/articles/css-positioning-101/" rel="nofollow">A list Apart's css-positioning 101</a></p> <p>What exactly is the problem you are having?</p> <p>Absolute removes the element from normal "flow of the document" and allows you to position it where you want.</p> <p>Relative position is a lot like static but allows you to absolute position elements within it.</p> <p>Static follows the normal document flow. (stacking)</p> <p>By the way, I recommend you use a library or framework like JQuery or Prototype instead of building this by hand. It will save you hours of frustration and testing in different browsers.</p> <p>Edit: Since you are hellbent doing this the hard way...I hope I can be of some help. I recomend you download the the firebug addon for Firefox if that is what you use or get familiar Javascript Console under tools in Chrome.</p> <p>HTML</p> <pre><code>&lt;p class="drag bound square"&gt;Thing One&lt;/p&gt; &lt;p class="drag square"&gt;Thing Two&lt;/p&gt; </code></pre> <p>There is no parent/child relationship here did you mean for the document to be the boundry? freeMovement does not call findPos on the elements offSetParent where BoundMovement does. This is retuning undefined since the document does not have that property.</p> <p>Try wrapping these two paragraphs in something other than the body tag.</p> <pre><code>&lt;div id='container'&gt; &lt;p class="drag bound square"&gt;Thing One&lt;/p&gt; &lt;p class="drag square"&gt;Thing Two&lt;/p&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload